What it does

Leave pins or images on a global map and write notes that other people can see.

How we built it

We used React and Express for the frontend and MongoDB with Node.js for the backend.

Challenges we ran into

We had difficulties setting up the dev environment, particularly around populating the database with images and fetching those images from the frontend. We also had difficulty setting up user authentication, because it was our first time doing so with MongoDB.

Accomplishments that we're proud of

We were able to utilize the Mapbox API to make visible markers and notes on the map. The interactive map works well and the UI is easy to understand. We were able to set up a fully functioning backend.

What we learned

We became more familiar with the MERN stack and setting up a software project.

What's next

Scaling the app up to support a large number of users. As it is currently, it is unlikely that the map will be able to load a large number of markers at one time. Our solution is to load only markers that are within a certain distance of the desired location.

Share this project:

Updates