Inspiration
Have you ever sat down in the UMD chapel and read anonymous notes? Imagine being able to do that in an entire city! We wanted users to be able to record and share their memories that are tied to various places on a map (not just establishments!) and show the vibes surrounding each place.
What it does
Our app allows users to mark a shared map with an anonymous note containing a vibe and a caption. Then other users can filter through the map to explore romantic spots, happy spots, good study spots, and more! Users can also filter for specific vibes or words and they can explore random notes that other people have left around the world.
How we built it
We built the app in React, and use Firebase to store users' notes. The map was rendered using the library Leaflet.
Challenges we ran into
We had some struggles with UI/UX features, such as a sidebar for our website. We also had some struggles with integrating our button functionality with Leaflet features such as popups.
Accomplishments that we're proud of
We were able to replicate the idea and mockup we had in our heads to create this project. We were able to do so while including nice UI and feel proud of seeing this project through.
What we learned
We learned a lot about using React and Leaflet. We also gained some new experience with incorporating Firebase into our project.
What's next for City Notes
Next, we would probably further improve upon the UI/UX of our app, and add a chatbot to help users add pins.
Log in or sign up for Devpost to join the conversation.