/EyeProtection

Browser extension for 20 20 20 rule

Primary LanguageJavaScriptMIT LicenseMIT

Eye Protection Google Extension

The Eye Protection Google extension is designed to remind users to follow the 20-20-20 rule while using their computers. It integrates seamlessly into the browsing experience, periodically prompting users to take short breaks to reduce eye strain and prevent discomfort associated with prolonged screen exposure.

Tech Stack

  • HTML
  • CSS
  • JavaScript

Features

  • Two timers: one for 20 minutes and another for 20 seconds
  • Play, pause, restart, and resume functionality for timers
  • Notifications to remind users to take breaks and to start work
  • Schedule Tab: Allows users to define custom start and end times
  • Dark Theme: Enhanced visual comfort for night-time use
  • Custom Settings Button: Utilizes FontAwesome to invoke the Eye Protection extension using custom shortcut keys
  • Enhanced styling with CSS for improved aesthetics
  • Set up a testing environment to ensure all functions work properly (Testing Purpose)

How to Use

  1. Clone this repository
  2. Go to chrome://extensions/ and enable developers mode
  3. Load the extension in Chrome
  4. Enable the extension

Note : For Mac Users, please enable the Alerts from system settings for your browser or else by default you won't notification for the breaks.

For Development Purposes

How to Test the Functionality

  1. Install the dependencies by running:
    npm install
  2. Run the tests using:
    npm test

License

This project is licensed under the MIT License. See the LICENSE file for more details.