consist.

Home page and plugin
Settings page for customizations
Performance page for analytics

✨ Inspiration

One of the most pressing issues in our generation is the addiction to social media and technology. According to studies, the average American checks their phone over 159 times a day, spending 3+ hours on social media daily, not including additional time on platforms like YouTube, Netflix, or TikTok.

This isn’t just a productivity problem—it’s a societal challenge. We’re slowly losing the ability to focus.

That’s why we created Consist. — short for "Consistent". We want to help people reclaim their focus, build habits, and choose consistency over chaos. Whether you’re studying, working, or just trying to build better habits, Consist. is here to support you.

🚀 What it does

Consist. is a beautifully designed Chrome extension and software that helps you stay consistent and focused.

🔑 Key Features:

Smart Content Filtering: Automatically detects and blocks distracting content like gaming or entertainment videos using Gemini API, while allowing productive content like study/music.
Pomodoro Timer: Integrated timer that cycles between focus and break modes, syncing across popup, landing, and background pages.
Dark / Light Theme Toggle: Visually elegant and fully themeable.
Focus Mode Toggle: Activate smart blocking only during focus mode.
Settings Page: Configure focus/break durations, custom whitelist, and appearance.
Performance Dashboard: Track weekly focus stats with interactive bar and donut charts, daily streaks, and personal goal tracking.
Auth0 Integration: Secure login and user session handling.

Everything is designed to look modern, be easy to use, and ultimately help you stay consistent.

🛠️ How we built it

React + Vite for a fast, component-based architecture across all UI pages.
Chrome Extension Manifest V3 to create popup, background, and content scripts.
Gemini API (Gemini Pro) to intelligently classify YouTube or web content as either "productive" or "distracting" using natural language prompts.
Auth0 to securely manage user login and redirect unauthenticated users from all extension pages.
Recharts for elegant performance visualizations (bar & donut charts).
chrome.storage to persist state (timer, dark mode, goals, stats) across pages.

All extension views (popup, landing, settings, performance, login) share the same design language with centralized styling and dynamic logic routing.

🧱 Challenges we ran into

Gemini Content Classification: We had to carefully design our prompt format and dynamically extract YouTube titles to ensure accurate filtering.
Shared State Across Views: Making the timer and focus state sync properly between the popup and landing pages required message passing via chrome.runtime.
Dark Mode Styling: Ensuring consistent light/dark mode across all views took effort, especially with dynamically generated content and charts.
Auth0 Redirects: Integrating login in a multi-page Vite Chrome extension environment was tricky. We had to work around redirect issues and manage secure local state.

🏆 Accomplishments that we're proud of

Built a fully-featured extension that integrates smart content filtering, Pomodoro logic, goal tracking, and user personalization.
Created a visually consistent and modern UI across all pages, optimized for both function and aesthetic.
Successfully integrated Gemini and Auth0, two powerful tools, into a complex Chrome extension flow.
Implemented a reliable performance dashboard with custom metrics, progress tracking, and interactive charts.
Designed a flexible architecture that allows us to expand features easily in the future.

📚 What we learned

How to design and coordinate React-based Chrome extensions with multiple views and shared state.
Working with Gemini APIs and learning how to engineer prompts for real-time classification tasks.
Deepened understanding of Chrome’s extension lifecycle, including background scripts, messaging, and permission scopes.
Integrating secure login flow via Auth0 in a multi-view React/Vite extension environment.
How to bring together function, form, and focus into a cohesive user experience.

🔮 What’s next for Consist.

We’re just getting started. Here's what we plan to build next:

📱 Mobile Version: An iOS/Android app companion to sync across platforms.
📦 Cloud Sync: Allow users to store goals, streaks, and preferences across devices.
🧠 Advanced Focus Insights: Generate AI-powered weekly reports to suggest improvements.
🔔 Smart Reminders: Notify users when they’re spending too much time outside of focus mode.
🎯 Habit Builder: Set long-term focus challenges (e.g., 5-day consistency streaks).
🧩 Better Customization: Add tag-based filtering, focus modes (e.g., “study”, “deep work”), and more personalization.