{"id":22907164,"url":"https://github.com/manraj29/browser-activity-tracker","last_synced_at":"2026-02-09T13:06:09.839Z","repository":{"id":267330879,"uuid":"900917303","full_name":"Manraj29/Browser-Activity-Tracker","owner":"Manraj29","description":"A browser extension to track website usage, time spent, and categorize sites into various groups like Social Media, Shopping, Productivity, and more.","archived":false,"fork":false,"pushed_at":"2024-12-09T18:11:36.000Z","size":179,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-01T09:07:27.035Z","etag":null,"topics":["activity-tracker","bootstrap","reactjs","web-extension"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Manraj29.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-12-09T17:53:11.000Z","updated_at":"2025-01-12T11:24:32.000Z","dependencies_parsed_at":"2024-12-09T18:42:58.448Z","dependency_job_id":"77661b51-7120-469d-b713-7c712eb3f9c7","html_url":"https://github.com/Manraj29/Browser-Activity-Tracker","commit_stats":null,"previous_names":["manraj29/browser-activity-tracker"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Manraj29%2FBrowser-Activity-Tracker","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Manraj29%2FBrowser-Activity-Tracker/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Manraj29%2FBrowser-Activity-Tracker/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Manraj29%2FBrowser-Activity-Tracker/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Manraj29","download_url":"https://codeload.github.com/Manraj29/Browser-Activity-Tracker/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246612488,"owners_count":20805355,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["activity-tracker","bootstrap","reactjs","web-extension"],"created_at":"2024-12-14T03:13:37.014Z","updated_at":"2026-02-09T13:06:09.833Z","avatar_url":"https://github.com/Manraj29.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Browser Activity Tracker\n\nThis 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.\n\n\n## Features\n\u003cul\u003e\n    \u003cli\u003eTrack the total time spent on each website.\u003c/li\u003e\n    \u003cli\u003eCount how many times each website was visited.\u003c/li\u003e\n    \u003cli\u003eCategorize websites into predefined categories like Social Media, Shopping, etc.\u003c/li\u003e\n    \u003cli\u003eDisplay most visited websites in a user-friendly interface.\u003c/li\u003e\n    \u003cli\u003eProvide actionable tips to manage digital well-being.\u003c/li\u003e\n\u003c/ul\u003e\n\n\u003ch2\u003eHow to work?\u003c/h2\u003e\n\u003ch3\u003ePrerequisites\u003c/h3\u003e\n\u003cul\u003e\n    \u003cli\u003eNode.js and npm installed on your system.\u003c/li\u003e\n    \u003cli\u003eChrome browser installed.\u003c/li\u003e\n    \u003cli\u003eBasic knowledge of React and Chrome Extensions.\u003c/li\u003e\n\u003c/ul\u003e\n\n\u003ch3\u003eInstallation\u003c/h3\u003e\n\u003col\u003e\n    \u003cli\u003eClone the repository:\u003c/li\u003e\n    \u003cpre\u003e\u003ccode\u003egit clone https://github.com/Manraj29/Browser-Activity-Tracker.git\u003c/code\u003e\u003c/pre\u003e\n    \u003cli\u003eNavigate to the project directory\u003c/li\u003e\n    \u003cli\u003eInstall dependencies:\u003c/li\u003e\u003cpre\u003e\u003ccode\u003enpm install\u003c/code\u003e\u003c/pre\u003e\n    \u003cli\u003eBuild the project:\u003c/li\u003e\u003cpre\u003e\u003ccode\u003enpm run build\u003c/code\u003e\u003c/pre\u003e\n    \u003cli\u003eLoad the extension in Chrome:\n        \u003col\u003e\n            \u003cli\u003eOpen Chrome and go to \u003ccode\u003echrome://extensions\u003c/code\u003e.\u003c/li\u003e\n            \u003cli\u003eEnable \"Developer mode\" (toggle switch in the top right corner).\u003c/li\u003e\n            \u003cli\u003eClick \"Load unpacked\" and select the \u003ccode\u003ebuild\u003c/code\u003e folder in the project directory.\u003c/li\u003e\n        \u003c/ol\u003e\n    \u003c/li\u003e\n\u003c/ol\u003e\n\n\u003ch2\u003eUsage\u003c/h2\u003e\n\u003col\u003e\n    \u003cli\u003eOnce installed, the extension will start tracking your website usage automatically.\u003c/li\u003e\n    \u003cli\u003eClick the extension icon in the browser toolbar to open the popup interface.\u003c/li\u003e\n    \u003cli\u003eView your usage stats such as time spent, visit counts, and category breakdowns.\u003c/li\u003e\n    \u003cli\u003eFollow the tips provided to manage your online habits more effectively.\u003c/li\u003e\n\u003c/ol\u003e\n\n\u003ch2\u003eScreenshots\u003c/h2\u003e\n\u003cimg src=\"https://github.com/user-attachments/assets/014f86d5-990a-422a-8a49-1222dcb57363\" alt=\"home page\"/\u003e\n\u003cimg src=\"https://github.com/user-attachments/assets/1d778061-3f60-4cd7-b88c-15856e59e2d1\" alt=\"popup page\"/\u003e\n\u003ch2\u003eTechnologies Used\u003c/h2\u003e\n\u003cul\u003e\n    \u003cli\u003eReact.js\u003c/li\u003e\n    \u003cli\u003eChrome Extensions API\u003c/li\u003e\n    \u003cli\u003eJavaScript\u003c/li\u003e\n    \u003cli\u003eHTML \u0026 CSS\u003c/li\u003e\n    \u003cli\u003eBootstrap (for UI styling)\u003c/li\u003e\n\u003c/ul\u003e\n\n\u003ch2\u003eFuture Improvements\u003c/h2\u003e\n\u003cul\u003e\n    \u003cli\u003eAdding user-customizable categories.\u003c/li\u003e\n    \u003cli\u003eIntegrating with a backend for long-term data storage.\u003c/li\u003e\n    \u003cli\u003eExporting usage reports as CSV or PDF.\u003c/li\u003e\n    \u003cli\u003eAdding dark mode support for the interface.\u003c/li\u003e\n\u003c/ul\u003e\n\nThanks!\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmanraj29%2Fbrowser-activity-tracker","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmanraj29%2Fbrowser-activity-tracker","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmanraj29%2Fbrowser-activity-tracker/lists"}