Rutas App 🛣️

Web application to search for locations and plot routes to that location!

 

Features ⚙️

1. Interact with the map.
2. Search by place name.
3. Get 10 places matching the search.
4. View the selected place.
5. Trace the route from the selected place to the starting point.
6. Return to your location.
7. Use your location to locate you on the map (asking for permissions).
8. Show distance and travel time from your location to the selected place.

 

Main Technologies 🧪

• React JS
• TypeScript
• MabBox
• CSS
• Netlify (to deploy the app)

 

Installation 🧰

1. Clone the repository (you need to have Git installed).

    git clone https://github.com/Franklin361/rutas-app

2. Install dependencies of the project.

    npm install

3. Before running the development server, you need to... Create an .env file in the root of the project and set the following value...

   VITE_TOKEN_MAPBOX=
   

4. Run the project.

    npm run dev

 

Demo ⛓️

https://routes-map-app.netlify.app/