16 HappySpot

Our program allows users to post and find new happy spots to visit to address struggles with finding new areas locally. This promotes good mental health through exploration and community interaction.

Comment

Inspiration

Our inspiration for this project was our own experiences with mental health. We often struggle with finding new things that bring us joy, so we decided to create a service to share and discover new and exciting experiences, letting us experience the unknown.

What it does

Happy Spot is an interactive map where people can suggest and find places that make them and others happy. Users can filter results based on tags, or easily create a marker and fill in basic data for it to be added to the map.

How we built it

We used leaflet.js to create an interactive map, and used html forms to receive and process input. Most of the processing code is in javascript, and we used css to style our website with a light and happy theme.

Challenges we ran into

First, we struggled with choosing a language and platform to create the concept, because we all had different types of coding experiences. Our main struggle was attempting to create a backend server to store points across users, but we were unable to implement this feature. We tried using google cloud, firestorm, connecting two repl.it projects, and other hosting services, but most of them either didn't work for our product, or required payment.

Accomplishments that we're proud of

We're proud that we were able to write a website using HTML, CSS, and JS even though most of our group didn't know how to use it. We're also proud of using conditional designs and flex box to make the user experience make more sense. Finally, we're just really happy that we were able to build a working product from scratch in just 24 hours.

What we learned

We learned a lot about how to use new coding languages, such as CSS, and we learned a lot about how databases work even though we weren't able to implement that feature. We got a much stronger understanding of how complex and difficult it is to actually store data!

What's next for HappySpot

If we continued working on HappySpot, the main step would be figuring out databases and making the markers more customizable for the users. We would also like to use location to further filter the markers.

Built With

Share this project:

Updates