# Focus Tracker Pro

A Chrome extension to categorize browsing time and visualize it with GSAP.

### Youtube Demo Video

[Watch the demo](https://www.youtube.com/watch?v=lf-V7K2KYMw)

## Installation
1. Clone this repository to your local machine.
2. Open Chrome and navigate to `chrome://extensions/`.
3. Enable "Developer mode" in the top right.
4. Click "Load unpacked" and select the `github/chrome_extension_time_tracker` folder.

## Features
- **Auto-Categorization**: Tracks tabs based on title keywords (AI, Data Engg, Finance, etc).
- **GSAP Visualization**: Uses industry-standard animation library to display usage bars.
- **Data Persistence**: Uses `chrome.storage` to save data across sessions.

## Usage
- Click the extension icon to view your current stats.
- The bars will animate to show how much time you have spent in each category.

---

How to Expand This:

1. Goals: You can add a chrome.storage.local.get("goals") check in your background.js inside the updateTime function. If times[category] > goals[category], trigger chrome.notifications.create(...).
2. Categorization: To make it smarter, instead of simple keywords, you can use a small library like natural (for NLP) or just expand the categories object in background.js with more sophisticated Regex patterns.
3. Data Reset: Add a button in popup.html that runs chrome.storage.local.set({ times: {} }) to clear history.