Project Title

Car Driver Tracker
Live here : https://d-tracker.netlify.app/

Description

Track Drivers positions on map in real time and show driver name and details from the map in the list of drivers .

N.B: this project is using a javascript library for vector maps on the Web.
N.B: drivers coordiantes and destinations are mocked

Getting Started

Required : Node.js Runtime enivrement 

How to use :

• Hover on driver card to show tooltip with the driver name in the map .
• Click on the driver card to move the map center to the driver's position
• Search for drivers by name in the search bar , a tooltip under all driver with searched char appears
• Click on Marker in the map to show driver details

Packages

• Redux : state management system (Not recomended for small projects)
• mapbox-gl : a JavaScript library for vector maps on the Web.

Installing

• Clone project

 npm i 

Executing program

npm start

Author

Malek Abdelkader @malek-abdelkader

Version History

• 0.1
  • Initial Release