MomentumX

• 

  Landing page of the application

• 

  Register page, that comes before dashboard

• 

  Dashboard

Inspiration

Many individuals struggle with consistency when trying to adopt new habits or eliminate bad ones. MomentumX aims to address this challenge by providing a fun and engaging platform that encourages users to stay motivated, track their progress, and achieve their goals.

What it does

MomentumX is a gamified habit tracker where users can create personalized habits, monitor their progress through health and experience points, and strive toward self-improvement.

Features

1. Passkey Authentication \ Integrated passkey authentication with Hanko for a secure and user-friendly login process

2. Avatar Creation \ Users can set up their profiles by entering their name and selecting an avatar.

3. User Dashboard \ Displays the user's health and experience bars, offering a visual representation of their progress and achievements.

4. Habit Creation and Customization \ Users can create personalized habits and customize them based on difficulty, with options for positive or negative. Positive habits will include habits that user wants to develop. Negative habits will include habits that the user wants to get rid of. Users can also configure habits based on whether they are daily habits, monthly, or yearly.

5. Habit Tracking with Gamification \ When a user completes a task for a habit, if it's a positive habit, the user is rewarded with points, if it's a negative habit, the user's health is reduced. Once, the points of the user reach 100, the level of the user is increased and the health is redeemed to 100.

What I learned

One of the key takeaways was gaining a comprehensive understanding of passkey authentication. Also, the hackathon deepened my knowledge of building a full-stack application, particularly in the MERN (MongoDB, Express.js, React, Node.js) stack.

Built With

• dicebear
• express.js
• hanko
• react
• tailwindcss