Skip to content

AmazingDude/pomodoro-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

25 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Pomotan 🍅

A cute, modern Pomodoro timer to help you focus better.

✨ Try it live | 📖 Technical Docs


What is Pomotan?

Pomotan is a clean, distraction-free Pomodoro timer that helps you stay focused using the proven time management technique. Built with React and designed with care, it offers customizable sessions, beautiful themes, and everything stays on your device.

✨ Features

⏱️ Core Timer

  • Three session types: Focus, short breaks, and long breaks
  • Customizable durations: 1-60 minutes for focus/long breaks, 1-30 minutes for short breaks
  • Visual progress bar showing completion percentage
  • Session counter tracking your progress
  • Auto-start countdown with smooth transitions between sessions
  • Smart reset options: Reset current timer or reset everything including session count

🎨 Customization

  • 7 beautiful themes: Sunset, Midnight, Matcha, Snow, Mono, Periwinkle, and Bloom
  • Persistent settings: All preferences saved locally
  • Configurable long break interval: Choose after how many sessions (2-8)
  • Sound notifications: Different sounds for focus and break endings
  • Toggle auto-start: Optional 3-second countdown between sessions

💎 Polish

  • Picture-in-Picture mode: Floating mini player (Chrome/Edge 116+)
  • Dynamic tab title: See timer countdown from any tab
  • Toast notifications: Friendly, encouraging messages
  • Fully responsive: Works beautifully on desktop, tablet, and mobile
  • Smooth animations: Polished transitions throughout

🔒 Privacy-First

  • No tracking, no ads, no accounts
  • Everything stays on your device
  • Works offline
  • Open source

🚀 Quick Start

Try it online

Visit pomotan.vercel.app - no installation needed!

Run locally

  1. Clone the repository

    git clone https://github.com/AmazingDude/pomodoro-app.git
    cd pomodoro-app/client
  2. Install dependencies

    npm install
  3. Start the development server

    npm run dev
  4. Open in browser

    http://localhost:5173
    

🛠️ Built With

  • React 19 - UI library
  • Vite - Build tool
  • Tailwind CSS 4 - Styling
  • Radix UI - Accessible components
  • Lucide React - Icons
  • Sonner - Toast notifications

💡 Why Pomotan?

I wanted to build a Pomodoro timer for a long time, and I finally did it! Unlike other timers cluttered with features, Pomotan focuses on what matters:

  • Simple and beautiful - No distractions, just a timer
  • No backend needed - Everything works locally in your browser
  • Actually useful - Thoughtful features like PiP mode and session persistence

🤝 Contributing

Got suggestions or found a bug? Open an issue on GitHub!

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.

🔗 Links


This project is dedicated to everyone striving to focus better in an increasingly distracting world. Happy focusing! ✨

About

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors