Skip to content

thisisrexa/eye-guardian

Repository files navigation

Eye Guardian

Eye Guardian is a React countdown timer web application designed to help users follow the 20-20-20 rule for eye protection. Every 20 minutes, the app reminds users to look 20 feet away for 20 seconds to reduce eye strain from prolonged screen exposure.

Features

  • Dark Mode Support: Toggle between light and dark themes.
  • Notifications: Browser notifications with sound effects for reminders.

Usage

  1. Start the timer by pressing the start button.
  2. After 20 minutes, the app reminds you to take a 20-second break.
  3. Toggle between light and dark mode for better comfort.
  4. The timer restarts automatically after every break.

Installation

To run the app locally, follow these steps:

git clone https://github.com/thisisrexa/eye-guardian.git

cd eye-guardian

pnpm install

pnpm dev 

The app will be available at http://localhost:5173.

Roadmap

  • Customizable timer duration and sound effects
  • Mobile PWA Support

Contributions

Feel free to submit pull requests, create issues or spread the word.

License

MIT © Rexa

About

The Guardian of Your Eyes.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published