Inspiration

I wanted to make habit tracking feel less like a chore and more of a way to motivate yourself to better yourself. I took inspiration from the theme of the hackathon (Medieval vs Vampires) to create a collaborative habit tracker that uses social incentives to help a user seek to improve their life.

What it does

Crown & Coven is a collaborative habit-tracking game where you and your friends join forces in kingdoms to fight against vampires.

  • Add good habits (like drinking water or exercising) or bad habits you’re trying to break.
  • Build kingdom streaks and earn titles that reflect your progress.
  • Compete on leaderboards with your team, seeing weekly and overall wins.
  • Get motivational nudges and fun daily flavor text that reframes habits as quests. -At the end of the week, see results in a kingdom vs coven showdown, complete with stats, streaks, and bragging rights.

How we built it

I used React Native with Expo Go for the frontend to make a mobile application. For the backend, I used Firestore Database for authentication, storing and updating user datas and kingdoms. React Navigation is used for moving between pages, and Expo Vector Icons are used for UI icon designs to immerse users in the medieval vs vampire theme.

Challenges we ran into

With the many different types of info the app, it was difficult making a UI that looks clean and is easier for the user to use and understand. The grid contribution graph also took a lot of database and algorithm logic to figure out.

Accomplishments that we're proud of

I'm extremely proud of the stats page and the many unique features it shows like titles, contribution graph, and leaderboard. The same goes for the weekly results that was initially difficult to organize all the information into.

What we learned

I learned how to better use React and create mobile apps. I also learned about how the little things add to the feel of a UI and project.

What's next for Crown & Coven

Future updates include more customization, community features, stats and insights, and more social expansion or events.

Built With

Share this project:

Updates