⏱ Smart Study Break Timer

A modern Pomodoro-style Smart Study Timer designed to improve focus while encouraging healthy break habits like eye exercises and hydration.

Built using HTML, CSS, and Vanilla JavaScript — no frameworks, no backend.

---

✨ Features

• ⏳ Study timer modes (25 min & 50 min)
• ☕ Smart break suggestions:
  • 👀 Eye exercise reminders
  • 💧 Water reminders
  • 🧘 Stretch prompts
• 🔄 Pause / Resume / Reset timer
• ⭕ Circular progress ring animation
• 🔔 Sound alert when session ends
• 🔥 Daily streak counter for completed sessions
• 🌙 Dark Mode / ☀️ Light Mode toggle
• 💾 Persistent data using localStorage
• 📱 Fully responsive UI

---

🧠 Why This Project Stands Out

• Combines productivity + health awareness
• Clean UI with real-world use case
• Circular animation adds premium feel
• No backend required
• Great for interviews & portfolios

---

🛠 Tech Stack

• HTML5
• CSS3 (Animations & Modern UI)
• Vanilla JavaScript
• localStorage API

---

📂 Project Structure

smart-study-break-timer/
│
├── index.html         # Main layout
├── style.css          # Styling & themes
├── script.js          # Timer logic & streak tracking
├── README.md          # Documentation
├── assets/
│   ├── alarm.mp3      # Timer end sound (optional)
│   └── preview.png    # Project screenshot
└── .gitignore