Skip to content

chhatraraj/chrome_extension

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Productivity Booster Chrome Extension

A powerful Chrome extension that helps you stay focused and productive by blocking distracting websites and implementing the Pomodoro Technique.

Features

  • 🚫 Website Blocking: Block distracting websites during focus sessions
  • ⏱️ Pomodoro Timer: Customizable work and break durations
  • 📊 Statistics: Track your productivity sessions
  • 💪 Motivational Quotes: Get inspired during breaks
  • 🌙 Dark Mode: Easy on the eyes
  • 🔔 Notifications: Get notified when sessions end

Installation

  1. Clone this repository or download the ZIP file
  2. Open Chrome and go to chrome://extensions/
  3. Enable "Developer mode" in the top right
  4. Click "Load unpacked" and select the extension directory

Usage

  1. Click the extension icon in your Chrome toolbar
  2. Add websites you want to block (e.g., facebook.com, youtube.com)
  3. Set your preferred Pomodoro and break durations
  4. Click "Start Pomodoro" to begin a focus session
  5. During breaks, enjoy motivational quotes and track your progress

Configuration

  • Work Duration: Default is 25 minutes (Pomodoro technique standard)
  • Break Duration: Default is 5 minutes
  • Long Break: After 4 Pomodoro sessions, take a longer 15-minute break
  • Blocked Sites: Add any website URLs you want to block during focus sessions

Development

Project Structure

productivity-booster/
├── manifest.json        # Extension configuration
├── popup.html          # Extension popup interface
├── popup.js           # Popup functionality
├── background.js      # Background service worker
├── styles.css         # Styling
└── icons/             # Extension icons

Technologies Used

  • HTML5
  • CSS3
  • JavaScript
  • Chrome Extension APIs

Contributing

  1. Fork the repository
  2. Create your feature branch (git checkout -b feature/AmazingFeature)
  3. Commit your changes (git commit -m 'Add some AmazingFeature')
  4. Push to the branch (git push origin feature/AmazingFeature)
  5. Open a Pull Request

How to Use

  1. Clone the repository:
    git clone git@github.com:chhatraraj/chrome_extension.git
    
  2. Navigate to the project directory:
    cd chrome_extension.
    

Screenshot

picturee

License

This project is licensed under the MIT License - see the LICENSE file for details.

Acknowledgments

  • Inspired by the Pomodoro Technique
  • Icons from Material Icons
  • Quotes from various motivational sources

About

A Chrome extension that helps you stay focused and productive by blocking distracting websites and implementing the Pomodoro Technique.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors