A personal life helper that tracks your screen time, organizes your tasks, and roasts you for doomscrolling.
- Monitors browsing activity in real-time
- Categorizes sites as Work vs Play
- Provides iOS-style screen time insights
- Roasts you for spending too long on social media
- Input tasks with due dates and estimated time
- Break down large tasks into smaller ones
- Prioritizes based on importance and deadlines
- Congratulates you for completing tasks
- Set long-term and short-term goals
- Daily priority tracking
- Analyzes if your browsing aligns with your goals
- Detects doomscrolling and distractions
- Food consumption tracking
- Health evaluation
- Diet suggestions & meal planslans
- Timetable that prioritizes personal wellbeing
| Component | Purpose |
|---|---|
| Chrome Extension | Monitors browsing, detects doomscrolling |
| Electron App | Desktop dashboard, task organizer |
| React | UI components |
| Native Messaging | Chrome ↔ Electron communication |
odot/
├── src/
│ ├── electron.js # Electron main process
│ ├── preload.js # Electron preload script
│ ├── App.js # React app entry
│ └── components/
│ ├── StartScreen.js # Welcome screen
│ ├── Onboarding.js # Feature selection
│ ├── WorkflowScreen.js # Route handler
│ └── Dashboard.js # Screen time display
├── chrome-extension/
│ ├── manifest.json # Extension config
│ ├── background.js # Tracking logic
│ ├── popup.html # Extension popup
│ └── popup.js # Popup UI
├── nativeHost.js # Native messaging bridge
└── package.json
�� package.json
1. Welcome Screen
└── "ODOT"
2. Onboarding: Pick a Workflow
├── Screentime Usage
├── Notes & Goals
└── Todos
3. Dashboard (per workflow)
├── Stats
├── Analysis
└── Settings
ngs
� Settings
cd odot
npm installl- Open
chrome://extensions - Enable Developer mode (top right)
- Click Load unpacked
- Select the
chrome-extensionfolder - Copy the Extension ID
You need 3 terminals running:
Terminal 1 — Start the data server:
node server.jsYou should see: Server running at http://localhost:3737/
Terminal 2 — Start React:
npm run react-startTerminal 3 — Start Electron:
npm start- Download the code from GitHub
- Open the app and complete onboarding
- Pick a workflow (screentime, notes, or todos)
- Browse the web normally
- Check your stats, analysis, and get roasted
| Color | Hex | Usage |
|---|---|---|
![]() |
#BEEF9E |
Accent light |
![]() |
#A6C36F |
Primary green |
![]() |
#828C51 |
Secondary |
![]() |
#335145 |
Dark accent |
![]() |
#1E352F |
Background dark |
Create a .env file:
API_KEY=your_api_key_here
| Command | Description |
|---|---|
npm start |
Start Electron app |
npm run react-start |
Start React dev server |
npm run build |
Build for production |
- Chrome extension tracking
- Screen time dashboard
- Work vs Play analysis
- Task organizer
- Notes & goalsoals
- Doomscroll detection & roastingting
- Health tracking
- Meal planning
MIT




