Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/smartcraze/chrome-timer-extension
Clock Timer For your Chrome Extension
https://github.com/smartcraze/chrome-timer-extension
chrome clock mortality mortatlity tab tictic time timer timer-clock
Last synced: about 1 month ago
JSON representation
Clock Timer For your Chrome Extension
- Host: GitHub
- URL: https://github.com/smartcraze/chrome-timer-extension
- Owner: smartcraze
- Created: 2024-11-09T20:20:59.000Z (about 2 months ago)
- Default Branch: main
- Last Pushed: 2024-11-15T06:50:25.000Z (about 2 months ago)
- Last Synced: 2024-11-22T01:08:39.172Z (about 1 month ago)
- Topics: chrome, clock, mortality, mortatlity, tab, tictic, time, timer, timer-clock
- Language: JavaScript
- Homepage: https://www.smartcraze.online
- Size: 20.5 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
---
# Countdown Timer Chrome Extension
A simple and customizable Chrome extension that allows users to set a countdown or count-up timer, customize the target date/time, and personalize colors. The extension features a fullscreen grid display and motivational text alongside the timer.
## Features
- **Countdown/Count-up**: Choose between a countdown or count-up timer.
- **Target Time**: Set a custom target date and time, or use the current time as the default.
- **Customization**: Customize the display colors for the timer and background.
- **Fullscreen Grid Display**: View the timer in a clean, fullscreen grid layout.
- **Motivational Text**: Display motivational text alongside the timer, such as "The clock is ticking, move fast!"
## Installation
### Cloning the Repository
1. **Clone the repository** using the following command:
```bash
git clone https://github.com/smartcraze/Chrome-Timer-Extension.git
```
2. Alternatively, download the ZIP file of the repository and extract it.
### Adding the Extension to Chrome
1. Open **Google Chrome** and go to the Chrome Extensions page by typing `chrome://extensions/` in the address bar.
2. Enable **Developer mode** by toggling the switch in the top right corner.
3. Click on the **Load unpacked** button.
4. Select the directory where you cloned or extracted the repository.
5. The extension will now be added to your browser, and you should see the icon in the Chrome toolbar.
## Usage
1. **Open Settings**:
- Click the extension icon in the toolbar to open the settings menu.
- You can set the target date and time by choosing the countdown mode.
- Select **Count-up mode** if you want the timer to start from the current time.
- Customize the colors for the timer and background.
2. **Fullscreen Mode**:
- After configuring the settings, you can open the timer in fullscreen mode by clicking the appropriate button in the settings menu.
3. **Motivational Text**:
- The extension displays motivational text like "The clock is ticking, move fast!" alongside the timer to encourage timely action.
## Configuration
You can adjust the following options in the settings menu:
- **Target Date/Time**: Choose the target date and time for the countdown (only applicable in countdown mode).
- **Timer Mode**: Switch between countdown or count-up mode.
- **Colors**: Customize the colors for both the timer and the background.
- **Motivational Text**: Enable or disable the motivational message displayed with the timer.
## Technologies Used
- **HTML**: For the structure of the extension's popup and settings page.
- **CSS**: For styling the extension, including the fullscreen grid layout and customization options.
- **JavaScript**: For the functionality, including managing the countdown and count-up timers and storing user preferences.
---