Skip to content

Engineered a Chrome Timer Extension with HTML, CSS, and JavaScript, incorporating the Pomodoro technique to enhance productivity. Implemented task management features that enable users to add, delete, and monitor multiple tasks. The extension triggers an alert after a 25-minute timer to maintain focus during work intervals.

Notifications You must be signed in to change notification settings

sumitprajapati1/Chrome-Timer-Extension

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Chrome Timer Extension ⏳

Engineered a Chrome Timer Extension with HTML, CSS, and JavaScript, incorporating the Pomodoro technique to enhance productivity. Implemented task management features that enable users to add, delete, and monitor multiple tasks. The extension triggers an alert after a 25-minute timer to maintain focus during work intervals

Table of Contents

Features

  • 🕒 Task-Based Timer: Set timers to stay focused on specific tasks with customizable work sessions.
  • 🔔 Alarm Notification: Get notified with an alarm when your task time is up.
  • Task Management: Easily add, manage, and delete tasks.
  • 👀 Minimalistic UI: Clean, user-friendly interface designed for maximum productivity.
  • Start, Pause, and Reset Timer: Fully controllable timer with start, pause, and reset functionalities.

Installation

  1. Clone or Download this repository:
    git clone https://github.com/sumitprajapati1/Chrome-Timer-Extension.git
    

Project Structure

Chrome-Timer-Extension/
│
├── manifest.json        # Chrome extension configuration
├── popup.html           # Main HTML structure for the popup UI
├── popup.js             # JavaScript logic for the timer and tasks
├── style.css            # Styles for the popup interface
├── icons/               # Folder containing extension icons
│   └── icon.png         # Icon for the extension
└── README.md            # Project documentation (this file)

### Explanation:

- **manifest.json**: Defines the Chrome extension's configuration.
- **popup.html**: The HTML file that structures the popup user interface.
- **popup.js**: Contains the logic and functionalities, such as the timer and task management.
- **style.css**: Provides the styling for the popup interface (buttons, layout, etc.).
- **icons/**: A folder that contains the icon images for the extension.
- **README.md**: The documentation for your project.

About

Engineered a Chrome Timer Extension with HTML, CSS, and JavaScript, incorporating the Pomodoro technique to enhance productivity. Implemented task management features that enable users to add, delete, and monitor multiple tasks. The extension triggers an alert after a 25-minute timer to maintain focus during work intervals.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published