Inspiration
Every day, we have dozens of things to check off our to-do lists. Finding time consistently every day to dedicate to any activity can be difficult.
Working on improving mental health and staying mindful of our needs takes time and prioritizing. But this can be challenging when mental health is something often overlooked in our self-care.
However, there is certainly disparity across the United States in maintaining mental health and education surrounding mental health.
Sapphire is our solution.
What it does
Sapphire gamifies mental health by providing users with tangible incentives in the form of "XP Points" that are earned through completing up 5 daily tasks that are personalized based on your age, occupation, stressors, and other benchmarks. The tasks focus primarily on mindfulness, physical and mental exercises, educational resources from experts, mini-games and more! Collecting XP Points also allows you to unlock achievements and level up, and with each new level, you unlock new opportunities and prizes.
How we built it
We collaborated on the creation of Sapphire using replit.com with HTML, Bulma, CSS, jQuery, and JavaScript.
Challenges we ran into
We learned and used Bulma, a modern CSS framework, and jQuery, a JavaScript library. There was a bit of a learning curve associated with both of these but it definitely paid off.
Accomplishments that we're proud of
We are proud of the fact that Sapphire includes several working features, including working onboarding and login pages, task completion tracking, an interactive dashboard, a store, and much more.
What we learned
We both learned a much more about web design and using frameworks for JavaScript and CSS to add more features and style to our web projects.
What's next for Sapphire
In the future, we hope to include an avatar to create stronger user attachment and further incentivize users to visit the site daily. This avatar could be outfitted with features "purchased" with XP Points. We also hope to work with sponsors, like corporations or universities, to provide monetary and physical incentives for users to spend XP points on.
Built With
- bulma
- css
- google-data-studio
- html
- javascript
- jquery
- python
- replit
Log in or sign up for Devpost to join the conversation.