Road trip planner

As travelling restrictions are beginning to be lifted globally, maybe it’s finally time for you to plan that roadtrip! In this project, you’ll give users the opportunity to list out the destinations they want to visit, let users order them, and display the best route between destinations.

There are many ways you can enhance this project and share it with friends and family.

Depending on how much extra challenge you take on, this project should take around 20 hours.

• As a user, I should be able to add destinations. I should be able to do this by using a form, click on a map (with an API call), or other approaches included.
• As a user, I should be able to rearrange the order of my destinations.
• As a user, I’d like to be able to see my destinations on a map.
• As a user, I’d like to be able to see information about the distance and journey time between each destination.
• As a user, I’d like to be able to see summary data about my entire journey. This could include the total time, distance and, for extra points, even the fuel needed.
• As a user, I’d like my data to be stored in my browser’s local storage so I can navigate away from this page and come back with the data still there.

For extra challenge:

• Display points of interest between each destination This can be achieved by either looking at popular attractions or asking the user about their interests.
• For longer parts of the journey, suggest where users might take shortstops (i.e.hotels and their rates).
• Use the dates of the road trip and suggest events of interest that are on the path.

For the initial pass, you can call out to the API directly from your application. You may want to introduce a server to obscure your API key going forward.

There are a variety of mapping platforms and libraries you could use to access these features. Google Map API could be helpful for most of the feature set but you could equally explore OpenMaps and Leaflet.

• Google Maps API
• Helpful tutorial by Colby Fayock