in this project we have a map and a list of vehicles. we show the vehicles on map by their position. when we click on an item in the list, It should be zoomed on the vehicle related to that item. At the same time when the vehicle is clicked, the corresponding item in the list should be highlighted.
Install dependencies
npm install
Start the server
npm run dev
- React
- TailwindCSS
- Typescript
- React-leaflet
- React-window
- axios
I had a problem with Leaflet that the latest version was not stable and its previous version was not compatible with React 18. For this reason, you may see warnings related to this library.
hope you enjoy it.