amsTOURdam is an application that allows users to create custom itineraries from a curated list of experiences and activities within the city of Amsterdam.
Users can search and browse a database of landmarks, drag landmark cards into and out of itineraries for easy editing, build custom color-coded routes, and upload photos of their travels.
Tools: Java, Spring Boot, PostgreSQL, Vue.js, HTML, CSS, JavaScript, GitLab, Google Maps API, Cloudinary API
See descriptions above each photo for more information about the features of amsTOURdam.
Map displays pinned location of each Landmark along with an input box to add a new pinned location.
Landmarks page shows list of all Landmarks and a map displaying their pinned locations.
Landmarks page displays a card with a name, photo, and brief description of each Landmark. Clicking each card will display a more detailed view of each Landmark with additional details such as the cost of admission or any historical notes of interest.
Users can create multiple Itineraries to keep track of the Landmarks they are interested in. Itineraries can be used to help plan for situations where multiple family members might want to visit different sites on different days or when rain might cause plans to be altered, for instance.
When viewing an Itinerary, users are able to simply drag Landmark cards in and out of the box to add or remove them from the Itinerary. The map above automatically updates to show the pinned locations only of the Landmarks currently in the Itinerary.
Using the Google Maps API, Users can plot multiple routes between locations of their choosing. Routes are color coded, and users can choose which routes are displayed by simply clicking the route boxes on the left to toggle.
Using the Cloudinary API, users can visit a Landmark page to add their own photos from their visit to Amsterdam.
