Interactive map tool to plan your trips.
Live demo of this application can be found under this link.
Swift provides a way for users to plan their routes using a fully interactive map. The input takes two locations: origin and destination. After filling in both locations, the tool will then provide user with a planned route. Users can also choose between 3 travel modes:
- Driving
- Transit
- Walking
Each travel mode may produce a different route based on mulitple factors such as time, transport restrictions and more. The visualized result is also calculated via distance matrix that tells users the total distance of the trip in kilometers as well as duration of the trip. If there is no possible route found for the origin and destination, the application will produce a error message for the user.
Application has a full fledged built-in authentication hosted on Firebase. There are total of 4 methods users can use to authenticate in the application.
- Email/password
- GitHub
- Login page
- Landing page
- Map tool page
Data used in the map tool part of the application are being fetched from Google API.
API's used:
- Google Maps API
- Google Places Autocomplete
- Google Directions API
- Google Distance Matrix
- React.js
- Vite
- Tailwind CSS
- Framer Motion
- Fontawesome Icons
- Firebase
- Firebase Hooks
- React Google Autocomplete
- React Google Maps API
- React Router
- David Poslušný