Enhanced Habit Tracker

The Enhanced Habit Tracker is a web application that helps users build better habits by tracking daily progress, maintaining a history of activities, and providing insightful stats. This project uses React, Tailwind CSS, and localStorage to deliver a visually appealing and highly functional user experience. All components are built as a single-page application (SPA) running entirely in the browser without requiring a backend server.

Features

Habit Management

• Add new habits with customizable categories
• Track daily progress for each habit
• Delete unwanted habits
• Categories include:
  • Health
  • Fitness
  • Productivity
  • Mindfulness
  • Learning
  • Other

Progress Tracking

• Visual progress indicators
• Daily completion tracking
• Total completions counter
• Activity history log

Statistics

• Total habits overview
• Daily completion stats
• Historical completion data
• Visual progress representations

How to Run the Code

1. Download the Project:

   • Ensure the main.html file is in a local folder.

2. Open the Application:

   • Simply double-click the main.html file to open it in your default web browser.
   • No additional setup or installation is required.

3. Start Using:

   • Begin adding habits and tracking your progress!

Dependencies

The project relies on the following libraries, which are loaded via CDNs:

• React
• ReactDOM
• Babel
• Tailwind CSS
• Font Awesome

Acknowledgments

This project is designed for personal habit tracking and encourages consistency and mindfulness in daily life.

Built With

• css
• html
• javascript
• react