FocusOS Pomodoro timer ("tool" in Swahili) — SVG progress ring, ambient sound player, task integration, session stats dashboard, GitHub-style heatmap, and browser notifications.
# ⏱️ Zana – Pomodoro Timer
*Idea derived from* **roadmap.sh**.
A sleek React‑based Pomodoro app that integrates with the FocusOS aesthetic:
- Dark charcoal background (`#1A1A2E`) with electric blue accents (`#00D4FF`).
- Timer modes: Focus (25 min, configurable), Short Break (5 min), Long Break (15 min) with auto‑advance after four focus sessions.
- Circular SVG progress ring, large digital readout, and session label.
- Session dots indicator beneath the timer.
- Controls: Play/Pause, Reset, Skip.
- Task integration: select/create a task from a mini task list (shares storage with the Dua task tracker).
- After each session, prompt to mark task completion or continue.
- Dashboard view with today’s count, total focus minutes (today/week/all), streak badge, and a heatmap calendar showing daily pomodoro counts.
- Ambient sound selector (Rain, Café, Forest, White Noise, None) with volume slider.
- Browser notifications (and soft bell sound) when a timer ends.
Open `index.html` to start a focused work session.
---
*Inspired by the roadmap.sh blueprint.*