A mobile application built with React Native that displays an interactive car map. This project demonstrates how to integrate map functionalities into a React Native app, allowing you to display car markers and navigate around a map interface.
-
Map Integration: Displays an interactive map for viewing car locations.
-
Car Markers: Visual indicators for car positions on the map.
-
Pin Selection: When a car pin is clicked:
-
All other pins disappear, focusing attention on the selected car.
-
The selected car's name appears above its pin, making it easy to identify.
-
-
Filter & Sort: Easily filter and sort the car listings to quickly find the desired vehicle.
-
User Location : Displays user's current location on the map.
-
Intuitive UI: Built with React Native and Expo to deliver a smooth and responsive experience across multiple devices.
- Clone the repository:
git clone https://github.com/kikani-parth/rn-car-map.git
cd rn-car-map- Install dependencies:
npm install- Run the app:
npx expo start- The user can view the car list on the 'Car List' tab.
- The list can be filtered by name, address, engine type, fuel, etc. The user also has the option to sort the list by name and fuel.
- The 'Car Map' tab renders an interactive map which displays all car pins.
- The user can select a pin and the other pins will disappear. Additionally, the selected pin's name (car name) will appear on top of it.
- The Map also shows the user's current location.
