Plant Habit Tracker

• 

  This is how the website looks like

Inspiration

We were inspired by how habits grow much like plants. Just as consistent care helps a seed become a tree, small daily actions help us improve ourselves. We wanted to make habit tracking feel rewarding and fun, instead of just another checklist.

What it does

Plant Habit Tracker lets users add habits, mark them complete, and watch a virtual plant grow as their score and level increase. A progress bar shows how close you are to the next level, and tasks automatically reset each day at midnight.

How we built it

We built the project using HTML, CSS, and JavaScript.

• The UI is a split screen: the plant on the left 🌱, the tracker on the right.
  
• Data persistence is handled with localStorage.
  
• We used a live clock to reset completed habits each new day.
  
• Plant growth stages are represented with images that update as levels increase.
  

Built With

• css
• html
• javascript