🕒 Twenty-20-20

A browser-based productivity tool that helps users reduce digital eye strain by following the 20-20-20 rule.

---

📌 What is the 20-20-20 Rule?

For every 20 minutes of screen time, look at something that is about 20 feet away for 20 seconds. This helps reduce eye fatigue, dryness, strain, and tension.

---

🔧 Features

• ⏱️ Central timer that reminds you to rest your eyes every 20 minutes
• 🌈 Customizable color themes (dark/light/bubblegum/ocean/etc.)
• 🔊 Sound + visual cues (with adjustable volume and preferences)
• 🧩 Widget support for ambient music, quotes, etc.
• 💾 Settings persist across sessions using localStorage
• 📱 Responsive design for mobile use
• 🔐 Privacy-respecting model (no cookies, no tracking)

---

💡 How to Use

1. Open the timer
2. Adjust your break duration, sounds, and theme in the settings
3. Let the timer remind you to take breaks (Auto-restart optional!)

---

📂 Project Structure

• index.html # Main HTML
• scripts/app.js # All logic
• styles/style.css # Styling and themes
• assets/ # Sounds/images/etc.
• README.md

---

📦 Tech Used

• Vanilla HTML, CSS, JavaScript
• Flexbox for layout
• LocalStorage for persistent settings
• GitHub Pages for hosting

---

🔊 Sound Credits

• Notification sounds by Universfield
• Gentle rain and thunder ambient sounds by OxidVideos
• Fireplace ambient sounds by King_of_The_Christmas
• "Night Detective" by SoulProdMusic
• “Lo-fi” by castmate
• “Smoke” by Idoberg

All sounds used are royalty-free and credited accordingly

---

🛡️ Privacy Policy

This app stores settings locally on your browser using localStorage.
No data is collected, tracked, or sent anywhere and does not leave your device.

---

🧪 Roadmap / Ideas

• Better accessibility and contrast mode
• Sound previews before setting
• Sound equalizer when tracks are playing
• Browser extension

---

🌐 Live Demo

👉 https://ishaa08.github.io/twenty2020/

---

🧑‍💻 Author

Made with care by Isha~

Open to feedback and collaboration!