🕒 Twenty-20-20

A browser-based productivity tool that helps users reduce digital eye strain by following 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.

• ⏱️ 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)

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!)

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

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

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

• 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

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

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

Made with care by Isha~

Open to feedback and collaboration!