RoadTrip+

• 

  landing page

🚙 Inspiration

We were interested in creating an organized and easy to use road trip planner to make planning more fun.

🗺 What it does

This is a road trip planner website allowing you to create a trip by adding destinations to view on a map. You will also be able to view a summary of your road trip which includes the total time and distance of the trip. There is also a page to view all your saved road trips.

💻 How we built it

Flask, HTML, CSS, Vanilla JS. Docker for containerizing our web app. Github Actions for setting up CI/CD for automatic deployment. cAdvisor and Prometheus for monitoring. Git and Github for collaboration.

💭 Challenges we ran into

We found we struggled most with the Google Maps API, working with the database, writing API routes with flask, and setting up the domain. We also found it difficult at first to implement the UI of the application because we had to take into consideration both functionality and visuals.

🌟 Accomplishments that we're proud of

We are proud of our use of the Google Maps API, the progress we were able to make, our collaboration and the end result of the front-end web design.

💡 What we learned

We continued to learn and develop best collaboration practices with the use of Git/Github. We did this by writing detailed commits, reviewing each other's code, creating PRs, and creating branches for features we contributed to. We also learned for the first time how to make use of css to create simple animations.

🌄 What's next for RoadTrip+

We would like for our application to be able to provide a more in depth summary of the user's trip and to continue to improve the user experience.

Built With

• amazon-web-services
• css
• docker
• flask
• html
• javascript
• postgresql