React front end for Travel Tracker Capstone App using Google Maps API
This application(webpage) is being created for travelers alike. This app will allow users to track their travels and keep track of important information such as date of travel, as well location. A popular habit of world travelers is to buy a map of the world, hang it on the wall, and add pins to every city and country they have travaled to. This app will allow them to do that virtually, while also allowing making it shareable for friends and family to see.
We use Google sign in to authenticate, create, and protect user profiles. We use Google Maps API and Geocode API, as well as a Postgres database to track the travel locations of of a user, and render the pins on a Google map. We use JavaScript, and the JavaScript React library to create the components and pages for our front end. Python and Postgresql were used to create the endpoints for our database. Heroku was used for back end and front end deployment.
- World and USA map views
- There will be two distinct map views one of the world (all 7 continents) and one of the USA (all 50 states).
- Profile Features
- Creating an profile with Google sign in authentication, so a users profile name and password is attached to their Google account.
- Pinning locations
- Pins that are set to the map coordinates by the user typing in the city and country.
- Hover over pin
- Hovering over a pinned location on the map will show date of travel and the location.
- Map Style Features
- Multiple visual modes including default, night, and retro mode.
Sunny Muniz Shelby Willis