StudyMesh: Pomodoro Timer with statistics and configurable settings

[Pichikachu]

🍅 Feature: Pomodoro Timer

Full-featured Pomodoro timer for focused study sessions, inspired by productivity tools like Toggl and Focus.

What's New

Timer Features

• Circular progress ring with phase-specific colors
• 25/5/15 minute cycles (configurable)
• Long break after 4 pomodoros (configurable)
• Skip/Reset controls
• Session counter dots

Customization

• Configurable work duration (5-60 min)
• Short break duration (1-15 min)
• Long break duration (5-30 min)
• Pomodoros until long break (2-8)
• Auto-start breaks / auto-start work
• Sound alerts toggle
• Browser notifications

Statistics

• Today's pomodoro count
• Total focus time today
• Session history list
• Current/longest streak tracking

Persistence

• Sessions saved to localStorage
• Stats persist across page reloads

Hook API

const { isOpen, sessions, stats, open, close, addSession, PomodoroTimer } = usePomodoro()

---

Closes #18 (Pomodoro Timer)

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
study-mesh	Ready	Preview, Comment	Jun 4, 2026 4:37pm

[Pichikachu]

How to check

1. Open the Vercel preview URL above
2. Click Try StudyMesh (login bypass - no Google account needed)
3. Look for 🍅 Pomodoro floating button in the bottom-right corner
4. Click it to open the 🍅 Pomodoro panel
5. Test: Start timer, work/break cycles, see statistics

[Pichikachu]

📸 Preview

Features: 🍅 focus timer, ⏱️ countdown, 📊 statistics

[CosmeValera]

Pomodor timer, nice as a misc addition with the canvas etc: