Chrome-Extension
by Carson Kempf
Check out our extension!
Todo List Extension
Project Structure
root/
├ manifest.json
├ images/ *.png
├ sounds/slot_machine_payout.wav
├ templates/ todo.html, dashboard.html
├ styles/ todo.css, dashboard.css
├ scripts/
├ load-templates.js
├ todo.js
└ dashboard.js
Data Structures
| Var | File | Type | Purpose |
|---|---|---|---|
tasks |
todo.js | Array<{title,url}> |
persisted |
timers |
dashboard.js | Array<Timer> |
runtime |
Core Functions
| File | Function | Role |
|---|---|---|
| load-templates.js | inject templates | |
| todo.js | waitForDocumentLoad · loadTasks · saveTasks · renderTasks · handleAddButton | |
| dashboard.js | formatTime · tickTimer · renderTimers · waitForElement |
Features
| Priority | Feature |
|---|---|
| ★★★ | Site blocker |
| ★★★ | Tag filter UI |
| ★★ | Stopwatch mode |
| ★★ | Productivity charts |
| ★ | Cloud sync |
| ★ | Collaboration |
Develop with us!
chrome://extensions→ Developer Mode ON- Load unpacked → select project root
- Confirm Chrome To‑Do List v2.3 appears