FocusAI – Smart Productivity Assistant

Stay focused, block distractions, and let AI keep your productivity on track.

Comment

🌟 Inspiration

In today’s fast-paced digital world, distractions are everywhere — from YouTube shorts to endless Instagram reels. As a student and developer, I often found myself losing hours of valuable time. I wanted to build something that doesn’t just block websites but motivates me to stay productive.
That’s how FocusAI was born — a simple yet intelligent productivity assistant that keeps your focus sharp using AI-driven motivation.

💡 What it does

FocusAI – Smart Productivity Assistant helps users:

  • Detect and block distracting websites (like YouTube, Instagram, etc.)
  • Display motivational quotes or AI-generated messages to refocus your mind
  • Track your total focused time spent on productive sites
  • Celebrate milestones with motivational toast notifications
  • Let you customize your block list and toggle AI motivation mode
  • Enjoy a beautiful dark glassmorphism dashboard with smooth animations and a progress ring showing your daily focus stats

It’s like having a mini productivity coach inside your browser!

⚙️ How we built it

  • Frontend: HTML, CSS (Glassmorphism + Dark Mode), JavaScript
  • Logic: Manifest V3 Chrome APIs (storage, tabs, scripting)
  • Data Storage: chrome.storage.local to track focused time and save preferences
  • AI Engine: Placeholder for OpenAI API (will generate motivational messages dynamically in the future)
  • Design: Created clean, responsive UI components with subtle animations and gradients

🚧 Challenges we ran into

  • Getting content scripts and background service workers to communicate properly in Manifest V3
  • Handling real-time tracking without overloading Chrome’s memory
  • Designing a modern UI that still feels lightweight and responsive
  • Ensuring blocked sites overlay worked seamlessly across all major domains

🏆 Accomplishments that we're proud of

  • Built a fully working Chrome Extension from scratch that loads without errors
  • Designed a smooth and motivational user experience instead of a strict blocker
  • Integrated progress tracking + local storage with milestone popups
  • Achieved a professional-grade extension look with minimal resources

📚 What we learned

  • Deep understanding of Chrome Extension architecture (Manifest V3)
  • Efficient use of chrome.storage and scripting APIs
  • UI/UX design principles for browser-based tools
  • Importance of subtle motivation over restriction in productivity tools

🚀 What's next for FocusAI – Smart Productivity Assistant

  • Integrate OpenAI API to generate real-time personalized motivational messages
  • Add daily/weekly analytics dashboard with charts and streak tracking
  • Introduce a Pomodoro mode for structured focus sessions
  • Implement voice-based motivational prompts using AI text-to-speech
  • Publish the extension publicly on the Chrome Web Store

FocusAI isn’t just a blocker — it’s your digital accountability partner that helps you stay focused, inspired, and productive every single day.

Built With

Share this project:

Updates