About the Project: Nudge AI What Inspired Us We were inspired by the challenge of staying focused in a digital world filled with distractions. Whether it's social media, news, or random browsing, it's incredibly easy to drift away from the tasks that matter. We wanted to build a tool that not only holds users accountable but also gives them the opportunity to be intentional with their time and attention.
How We Built It Frontend: We used React with Vite to create a responsive and fast Chrome extension UI where users can input tasks, view analytics, and control their session preferences.
Backend: We built a lightweight Express.js, Node.js server connected to MongoDB to store productivity events and session analytics.
Extension Logic: The extension uses Chrome APIs to monitor active tabs and detect when the user navigates to distracting sites. When that happens, a notification is triggered offering the user the option to block the site in real time.
Analytics Engine: After each session, the extension summarizes key data points like time focused, nudges triggered, and top distractions to help users reflect and improve.
What We Learned How to work with Chrome’s extension API, especially within the constraints of Manifest v3
Effective use of React + Vite for building fast, modular extension interfaces
Managing tab detection, notifications, and dynamic permissions in Chrome
Integrating a Node backend with MongoDB for lightweight data storage and session tracking
Challenges We Faced Handling real-time detection of distractions without impacting browser performance
Designing notifications that are helpful but not intrusive
Navigating Chrome’s service worker model for background scripts
Creating a fluid user experience within the limited UI space of a Chrome extension
Built With
- chromeapi
- cors
- express.js
- gemini
- node.js
- react
- vite
Log in or sign up for Devpost to join the conversation.