Habit Tracker

Inspiration

We all have tried to develop a habit. More often we start doing for a few days but don't follow through enough to get a hang of it. It is often recommended to continue doing something for at least 20-30 days to form a habit. Streaks are a very common way to motivate you to continue doing it. When you see the result, you want to keep it up. Thus, Habit Tracker!

What it does

It maintains a streak of the number of days you have been following a habit, but only consecutively.

How I built it

I have not worked with ReactJS so I wanted to learn something on the go while building it. The web app here is solely front end but may use NodeJS and ExpressJS for the server and middle tier and MongoDB for the database.

Challenges I ran into

1. Understanding the React component life-cycle
2. Re-doing some parts of my logic example appending a new star to the streak because it later realized it was not working for some edge cases
3. Getting the updated streak to render correctly

Accomplishments that I'm proud of

1. Getting the basic functionality working
2. Working solo

What I learned

1. Conceptualization before implementation goes a long way
2. Most of ReactJS

What's next for Habit Tracker

1. Make it like a game where you get points for every habit you're improved on
2. Ability to add friends and follow their activity to motivate each other
3. Persistence data storage and a dedicated server

Built With

• react