TripMaker

Inspiration

We wanted to make a collaborative online map web application, where multiple users can plan a trip route with several stops together in real time. We wanted to enhance something familiar that would serve as a perfect getaway planner.

What it does

Multiple users can search for the places they want to go, mark them on the map, and design a trip route. The locations and trip routes are saved in the backend and can be rerendered. Thus, the updates made by one user is automatically reflected to the other users.

How we built it

We used the Google Maps API, the MERN technology stack ((MongoDB, Express.js, React.js, Node.js)), and Tailwind CSS to build the project.

Challenges we ran into

Utilizing the Google Maps API and incorporating different technologies together.

Accomplishments that we're proud of

We managed to learn different technologies and incorporate them together. We managed to refractor the simple operations provided by the Google Maps API to enables users to select, add, deselect locations and transfer the selected locations to the backend.

What we learned

We learned to set up and use the Google Maps API. We learned to utilize Tailwind CSS to help with front-end styling. We reinforced our understanding of the MERN technology stack.