Habit Streak Counter

📌 About

The Habit Streak Counter is a simple yet effective web application designed to help users track their daily habits and maintain consistent streaks. It features a visually appealing UI, a dark/light mode toggle, and an analytics section with bar graphs for habit progress.

🚀 Features

• Add and Remove Habits: Users can add habits with specific time slots and remove them if needed.
• Streak System: Tracks daily progress and assigns medals based on streak duration.
• Progress Bar: Indicates completion percentage of each habit.
• Dark/Light Mode: User preference is saved in local storage.

🛠️ Technologies Used

• HTML, CSS, JavaScript
• Chart.js (for analytics visualization)
• Local Storage (to save theme and habit progress)

🎯 How to Use

1. Open the website in a browser.
2. Enter a habit and specify a time.
3. Click Add Habit to start tracking.
4. Click the ✔ button to update progress.
5. View habit streaks in the Streak Board.

📂 Project Structure

📁 habit-tracker
│── 📄 index.html        # Main HTML file
│── 📄 style.css         # Stylesheet
│── 📄 script.js         # Main JavaScript logic
│── 📄 README.md         # Documentation (this file)

📊 Future Improvements

• Weekly and Monthly habit tracking
• User authentication for personalized experience

---

Enjoy tracking your habits and staying consistent! ✅🔥