HABITAW

Small Habits. Big Wins.

Comment

Inspiration

I’ve always struggled with consistency. I tend to lose motivation or give up early on things I start. That’s why I created Habitaw.

“Bitaw” in Tagalog loosely means you have a shot at life — a reminder that you still have a chance to improve, grow, and try again. Habitaw represents discipline, self-belief, and personal progress.

What it does

Habitaw is a gamified habit-tracking web application designed to help users build positive routines through consistency and accountability.

It allows users to:

Create and manage daily habits

Track streaks and completion progress

Earn XP and level up

Unlock achievement badges

Stay motivated through gamification mechanics

This project is deeply personal. It reflects my journey of continuous learning — not only in programming but also in self-discipline and self-improvement.

How we built it

Habitaw was built using the MERN stack:

MongoDB

Express.js

React.js

Node.js

I started with a simple “what if” question: What if I just build something from scratch purely out of curiosity?

Through research, documentation, experimentation, debugging, and the help of AI tools, I transformed that idea into a working application.

The development process involved:

Designing the database structure

Implementing authentication (JWT-based login system)

Creating gamification logic (XP, levels, badges)

Building responsive UI components

Testing and iterating based on feedback

Challenges we ran into

One major challenge was not having a dedicated QA tester. I handled most of the testing myself.

To get real-world feedback, I asked my girlfriend to test the app, report bugs, and suggest features. This helped uncover usability issues and practical improvements based on real-life scenarios.

Other challenges included:

Managing state and syncing XP/levels correctly

Handling edge cases in streak logic

Debugging authentication and token expiration

Avoiding overcomplicating features

Accomplishments that we're proud of

Building a full-stack application from scratch

Successfully implementing a working gamification system

Designing a badge and leveling system with progression

Improving significantly in problem-solving and debugging

Going from zero to deploying a functional app

Even though Habitaw isn’t fully finished yet, I’m proud of how far it has come. It represents growth — both technical and personal.

What we learned

Through building Habitaw, I learned:

Full-stack development workflow (frontend + backend integration)

JWT authentication and secure password handling

RESTful API design

Debugging complex state logic

The importance of user feedback

That consistency in coding mirrors consistency in habits

Most importantly, I learned that building real projects accelerates learning far more than just watching tutorials.

What's next for HABITAW

Planned improvements include:

Social features (friend leaderboard, shared challenges)

Mobile responsiveness improvements

Push/email notifications for habit reminders

Data analytics dashboard (weekly/monthly progress insights)

Performance optimization

Deployment and scaling improvements

The long-term goal is to evolve Habitaw into a fully polished productivity platform that helps people stay consistent and believe that they always have a shot at life.

Built With

Share this project:

Updates