HealthyChallenges

Landing page
Leaderboard

Inspiration

I was inspired by apps like Duolingo and Google Forms, and wanted to build a version that allowed for competition.

What it does

HealthyChallenges gives you a list of generated mindfulness and physical health activities. It allows you to see the scores (number healthy activities a user did) of others, and you can add users as your friends to compete privately with them.

How we built it

I built it using node.js, with express.js routing, Pug frontend, and JavaScript. I also used JWT (JsonWebTokens) to authenticate users.

Challenges we ran into

I needed a way to store activities, which need both an activity and a way of completing it (checkbox, text, numbers, etc.) so I built a parser and renderer for the activities on top of JSON and HTML.

Accomplishments that we're proud of

I am proud of a functioning JWT auth system, which took more than 5 iterations to make it behave correctly

What we learned

I learnt the Pug language, a markup language compiled to HTML and using the sequelize ORM for many-to-many relationships.

What's next for HealthyChallenges

I plan on adding more questions and more interactivity, as well as refining the UI. I also plan to allow users to add their own list of activities and a timer which will prevent the user from interacting with other UI elements when performing the activities

Thanks

This project is made possible thanks to the opensource community for creating amazing packages such as express.js and sequelize. Consequentially, this webapp is opensource!

Thank you to the organizer and judges of the Recess Hacks 3.0 for providing an opportunity for me to participate in a hackathon.