Browser Activity Tracker

This is a Chrome extension that helps you track your website usage, including the time spent on websites, visit counts, and categorizing websites by type (e.g., Social Media, Shopping, Productivity). It also provides tips for managing your online time effectively.

Features

• Track the total time spent on each website.
• Count how many times each website was visited.
• Categorize websites into predefined categories like Social Media, Shopping, etc.
• Display most visited websites in a user-friendly interface.
• Provide actionable tips to manage digital well-being.

How to work?

Prerequisites

• Node.js and npm installed on your system.
• Chrome browser installed.
• Basic knowledge of React and Chrome Extensions.

Installation

1. Clone the repository:

git clone https://github.com/Manraj29/Browser-Activity-Tracker.git

2. Navigate to the project directory
3. Install dependencies:

npm install

4. Build the project:

npm run build

5. Load the extension in Chrome:
   1. Open Chrome and go to chrome://extensions.
   2. Enable "Developer mode" (toggle switch in the top right corner).
   3. Click "Load unpacked" and select the build folder in the project directory.

Usage

1. Once installed, the extension will start tracking your website usage automatically.
2. Click the extension icon in the browser toolbar to open the popup interface.
3. View your usage stats such as time spent, visit counts, and category breakdowns.
4. Follow the tips provided to manage your online habits more effectively.

Screenshots

Technologies Used

• React.js
• Chrome Extensions API
• JavaScript
• HTML & CSS
• Bootstrap (for UI styling)

Future Improvements

• Adding user-customizable categories.
• Integrating with a backend for long-term data storage.
• Exporting usage reports as CSV or PDF.
• Adding dark mode support for the interface.

Thanks!