In today's digital world, staying focused while working or studying online is difficult. Social media, short videos, and unrelated browsing often distract users, reducing productivity and efficiency. Despite good intentions, users frequently get sidetracked, wasting valuable time . To address this issue, we propose a Chrome extension named Concentro designed to keep users on track by intelligently monitoring their browsing activity and implementing structured focus sessions.
Concentro helps users maintain concentration by analyzing open tabs and ensuring that their browsing aligns with their assigned tasks. Using Natural Language Processing (NLP) and TF-IDF vectorization, it assesses webpage content to determine its relevance. If a user navigates to a site that does not support their current objective, the extension can issue a warning, close the tab, or redirect them to a relevant resource.
Additionally, the extension incorporates a whitelist and blacklist system. Users can designate specific websites as always accessible (whitelist) or completely restricted (blacklist). This allows for greater flexibility, ensuring that essential resources like Stack Overflow remain available while preventing distractions from sites like Instagram or social media platforms.
To further enhance productivity, the extension integrates the Pomodoro technique, a well-established time management method that structures work into focused intervals with scheduled breaks. By combining intelligent tab monitoring with structured work cycles, the extension actively guides users toward better focus and improved efficiency.
Users input their task (e.g., “Learn Supabase”).
The extension monitors all open tabs and checks if their content is relevant.
Uses NLP for keyword matching and TF-IDF for deeper contextual understanding.
If an unrelated tab is opened, the extension can close it, warn the user, or redirect them to a relevant tab.
Implements focus sessions (e.g., 25-minute work, 5-minute break).
Encourages deep work while ensuring users take healthy, timed breaks.
Helps prevent burnout and increases long-term productivity.
Whitelist: Users can mark essential websites as always accessible (e.g., educational sites, documentation pages).
Blacklist: Users can manually block distracting websites to maintain focus.
Ensures flexibility by allowing users to customize browsing permissions based on their workflow.
The frontend sends a request to the backend endpoint /analyze with the following:
A webpage URL
A description of the user’s task
Optional whitelist/blacklist rules
The API first checks the whitelist and blacklist:
If a webpage is on the whitelist, it is automatically considered relevant.
If it appears on the blacklist, it is immediately classified as not relevant.
Otherwise, the system extracts and analyzes the webpage content.
The backend processes the webpage text using BeautifulSoup for content extraction.
It pre-processes both the webpage content and the user-defined task description.
The system then calculates similarity using TF-IDF vectorization and cosine similarity.
A relevance score and explanation are returned to the frontend, guiding further action
Frontend: React.js
Backend: Python (Flask)
Storage: Chrome Storage API
Styling: Tailwind CSS
Build Tool: npm
You can view the installation details of Concentro at https://concentro-wine.vercel.app.