Create React App

This project was bootstrapped with Create React App.

Available Scripts

In the project directory, you can run:

`npm start`

Runs the app in the development mode.
Open http://localhost:3000 to view it in your browser.

Vessel Tracking Application

This is a simple web application that tracks the movement of a vessel from a starting point to an ending point on a map. It utilizes React with Leaflet for mapping functionality.

Deployed link

https://vessel-navigation.netlify.app/

Features

Real-time tracking of vessel position on the map
Display of starting and ending points
Information display about vessel coordinates and speed
Smooth transition of vessel icon between points

Installation

Clone the repository to your local machine:

git clone https://github.com/Asttttha/Vessel-navigation.git

Navigate to the project directory:
```
cd Vessel-navigation
```
Install dependencies using npm:
```
npm install
```

Usage

Start the development server: (refer to Available Scripts)
The map will display the vessel's current position as it moves from the starting point to the ending point. Information about the vessel's coordinates and speed will be displayed in the readings section above the map. To see information dynamically click on the icons.

File Structure

src/
- assets/: Contains image assets for icons used on the map.
- components/:
  - Map.js: Main component responsible for rendering the map and tracking the vessel's movement.
  - Readings.js: Component for displaying vessel coordinates and speed information.
- App.js: Main application component that combines the Map and Readings components.
- App.css: CSS file containing styling for the application components.

Technologies Used

React JS
React Leaflet