Back
Year
2023
Tech & Technique
Chromium Extension APIs, JavaScript, HTML, CSS
Description
A Chromium browser extension enabling users to effectively manage their daily time spent on specific websites through configurable limits and persistent settings.
Key Features:
Technical Highlights:
Key Features:
- ⏱️ Per-Site Daily Limits: Users define maximum daily browsing time for individual websites.
- ⚙️ Session Duration Control: Set desired usage duration (e.g., 2-15 mins) for each browsing session on a site.
- 🔔 Usage Alerts: Notifies users when their pre-set daily time allocation for a website is consumed.
- 💾 Persistent Configuration: User-defined limits and preferences are saved locally for each website.
- 🚫 Whitelisting Capability: Allows users to exempt specific essential websites from time tracking.
Technical Highlights:
- 🛠️ Core Logic: Implemented in JavaScript utilizing Chromium Extension APIs for browser interaction and control.
- 💾 Settings Persistence: Leverages browser local storage to save and retrieve user-defined website configurations.
- 🎨 User Interface: Simple and intuitive popups built with HTML/CSS for easy setting adjustments.
My Role
Extension Developer
Responsibilities:
Responsibilities:
- Designed and implemented the UI for configuring site-specific time limits.
- Developed the core JavaScript engine for tracking browsing time and enforcing user-defined limits.
- Integrated with browser APIs for persistent storage of settings and delivering notifications.
- Ensured the extension functions reliably across Chromium-based browsers.