Skip to content

fayaz-dev/learn-chrome-extension

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

26 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Learn Chrome Extension

Learn to build a Chrome Browser Extension with a simple digital countdown timer in the new Tab. Follow along with the commits to see the changes.

Features

  • Vanilla JavaScript to keep things simple
  • Pomodoro style timer with work and rest intervals
  • Customizable work and rest durations
  • Dark and light theme toggle
  • Progress visualization with a circular progress bar
  • Total work and rest time tracking
  • Tabbed interface for easy navigation

How to Use

  1. Clone the repository.
  2. Open chrome://extensions/ in your Chrome browser.
  3. Enable "Developer mode" in the top right corner.
  4. Click "Load unpacked" and select the project directory.
  5. Open a new tab to see the extension in action.

Customization

  • Use the sliders to adjust the work and rest durations.
  • Click the theme toggle button to switch between dark and light themes.
  • Click the tabs to navigate between different sections of the extension.

Development

To contribute to this project, follow these steps:

  1. Fork the repository.
  2. Create a new branch (git checkout -b feature-branch).
  3. Make your changes and commit them (git commit -m 'Add new feature').
  4. Push to the branch (git push origin feature-branch).
  5. Create a new Pull Request.

License

This project is licensed under the MIT License.

About

Learn to build a Chrome Browser Extension

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published