Skip to content

Conversation

@ziennaa
Copy link

@ziennaa ziennaa commented Oct 11, 2025

Description

(Describe your project over here.)

🌸 Habit Tracker

A simple and elegant Habit Tracker Web App built using HTML, CSS, and JavaScript.
It allows users to set a monthly habit, track daily progress, and visualize completion status through an interactive calendar.
Progress is stored locally in your browser using LocalStorage, so your data persists even after refreshing or closing the tab.


Features

  • Dynamic Calendar: Automatically highlights the current day and displays all days of the current month.
  • Custom Habit Title: Click on the title to set or update your habit anytime.
  • Local Storage Support: Saves your daily progress persistently across sessions.
  • Progress Tracker: Shows completed days count (e.g. 10/30).
  • Reset Option: Easily reset the calendar and start a new habit cycle.
  • Responsive and Aesthetic UI: Uses custom fonts and soft color palettes for a pleasant experience.

Checklist

  • I've been assigned an issue related to this PR.
  • I've used beautifiers.
  • I've added my Project's name and description to Index.md
  • I've made a README.md file for my Project.
  • The README.md file of my projrct contains Project title, Description, Use of project, Set up, Stack used and Output (Screenshots).

Related Issues or Pull Requests number

(Write your answer here.)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant