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.
- 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
- Clone the repository.
- Open
chrome://extensions/
in your Chrome browser. - Enable "Developer mode" in the top right corner.
- Click "Load unpacked" and select the project directory.
- Open a new tab to see the extension in action.
- 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.
To contribute to this project, follow these steps:
- Fork the repository.
- Create a new branch (
git checkout -b feature-branch
). - Make your changes and commit them (
git commit -m 'Add new feature'
). - Push to the branch (
git push origin feature-branch
). - Create a new Pull Request.
This project is licensed under the MIT License.