https://github.com/itsdaiton/swift
Google Maps planning tool made with React.
https://github.com/itsdaiton/swift
firebase firebase-auth fontawesome-icons framer-motion googleapi googlemaps-api maps maps-service maptool react reactrouter tailwindcss vite webapp
Last synced: about 1 month ago
JSON representation
Google Maps planning tool made with React.
- Host: GitHub
- URL: https://github.com/itsdaiton/swift
- Owner: itsDaiton
- Created: 2023-02-28T11:37:46.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2025-04-22T12:23:23.000Z (about 1 year ago)
- Last Synced: 2025-08-12T14:48:57.888Z (9 months ago)
- Topics: firebase, firebase-auth, fontawesome-icons, framer-motion, googleapi, googlemaps-api, maps, maps-service, maptool, react, reactrouter, tailwindcss, vite, webapp
- Language: JavaScript
- Homepage: https://swift-pst0.onrender.com/
- Size: 605 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Swift
Interactive map tool to plan your trips.
Live demo of this application can be found under this [**link**](https://swift-pst0.onrender.com/).
⚠️**HOSTING IS CURRENTLY UNAVAILABLE.**⚠️
## Description
### Map tool
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.
### Authentication
Application has a full fledged built-in authentication hosted on [**Firebase**](https://firebase.google.com/). There are total of 4 methods users can use to authenticate in the application.
#### Normal
- Email/password
#### OAuth providers
- Google
- Facebook
- GitHub
## Components
- Login page
- Landing page
- Map tool page
## Data
Data used in the map tool part of the application are being fetched from [**Google API**](https://console.cloud.google.com/).
API's used:
- Google Maps API
- Google Places Autocomplete
- Google Directions API
- Google Distance Matrix
## Built With
- React.js
- Vite
## Styling
- Tailwind CSS
- Framer Motion
- Fontawesome Icons
## Dependencies
- Firebase
- Firebase Hooks
- React Google Autocomplete
- React Google Maps API
- React Router
## Authors
- David Poslušný