famQuest

Inspiration

When we thought about connection, we thought about how important family is. Family connection is declining as technology expands and people grow apart. This inspired us to create a program to increase connection through family adventures and memories.

What it does

The main function of the website is to provide a shared family calendar and select a date where the family is free. On this date, a unique quest will be sent to the family members which they will go out and complete. After completing the quest, there are options to share with other families and compete on a leaderboard. There are also smaller functions such as family snaps, notes, quotes, and goals to gain more points and increase connectivity. Whichever family has the most completed quests and daily tasks will gain points and be at the top of the leaderboard.

How we built it

We built this program on VS Code. React, along with HTML for structure and CSS for styling and overall design. We also used Leaflet Maps to create the interactive map feature for the quests. For temporary data like hearts and image sharing, we used local storage. On the backend, we used Java along with PostgreSQL for long-term data storage such as user accounts. Tomcat was used to host the site locally, and an API was used to connect the frontend and backend. To code this, we were also dependent on OpenAI.

Challenges we ran into

We faced issues while sharing links with others. Due to irregular changes in WiFi, the link kept failing and had to be reset. We also faced lots of troubleshooting throughout the process.

Accomplishments that we're proud of

Since this is the first hackathon and first time coding independently, we were proud of our abilities to manage and learn about the different parts of our website.