Pomotix
A modern, aesthetic, and feature-rich Pomodoro Timer web app built using HTML, CSS, and JavaScript, designed to enhance productivity with task management, ambient sounds, statistics tracking, and smooth UI animations.
Install / Use
/learn @Agent-A345/PomotixREADME
⏳ Pomotix — Smart Focus Timer
A modern, aesthetic, and feature-rich Pomodoro Timer web app built using HTML, CSS, and JavaScript, designed to enhance productivity with task management, ambient sounds, statistics tracking, and smooth UI animations.
🚀 Features
- Pomodoro Timer System – Work, Short Break, and Long Break modes with customizable durations.
- Circular Animated Timer – SVG-based progress ring with real-time visual feedback.
- Task Management – Add, complete, and delete tasks with live tracking.
- Ambient Focus Sounds – Built-in sounds like Rain, Waves, Café, and Fire for better concentration.
- Statistics Dashboard – Tracks daily sessions, focus time, streaks, and weekly performance.
- Confetti & Animations – Visual rewards after completing sessions and cycles.
- Theme Toggle – Switch between Dark and Light modes.
- Smart Automation – Auto-start work/break sessions based on user preferences.
- LocalStorage Support – Saves tasks, settings, and stats persistently.
- Responsive UI – Works seamlessly across desktop and mobile devices.
📂 Project Structure
Pomotix/
├── index.html
├── script.js
├── style.css
💡 Technologies Used
- HTML5
- CSS3
- JavaScript
🛠️ How to Run
- Clone the repository:
git clone https://github.com/Agent-A345/Pomotix.git
- Open the project and navigate to the file:
cd index.html
- Run the game in any modern browser
🎮 Controls
Timer Controls
- Start / Pause – Start or pause timer
- Reset – Reset current session
- Skip – Move to next session
Modes
- Work
- Short Break
- Long Break
Task Controls
- Add tasks using input field
- Mark tasks complete
- Delete tasks
🎯 App Objective
Pomotix helps users stay focused and productive by:
- Breaking work into timed sessions
- Encouraging regular breaks
- Tracking productivity habits
- Reducing distractions with ambient sound
🔄 Future Enhancements
- Cloud sync (login + data backup)
- Leaderboard / productivity sharing
- AI-based focus suggestions
📜 License
This project is licensed under the MIT License.
Related Skills
clearshot
Structured screenshot analysis for UI implementation and critique. Analyzes every UI screenshot with a 5×5 spatial grid, full element inventory, and design system extraction — facts and taste together, every time. Escalates to full implementation blueprint when building. Trigger on any digital interface image file (png, jpg, gif, webp — websites, apps, dashboards, mockups, wireframes) or commands like 'analyse this screenshot,' 'rebuild this,' 'match this design,' 'clone this.' Skip for non-UI images (photos, memes, charts) unless the user explicitly wants to build a UI from them. Does NOT trigger on HTML source code, CSS, SVGs, or any code pasted as text.
ui-ux-pro-max-skill
57.9kAn AI SKILL that provide design intelligence for building professional UI/UX multiple platforms
ui-ux-pro-max-skill
57.9kAn AI SKILL that provide design intelligence for building professional UI/UX multiple platforms
onlook
25.0kThe Cursor for Designers • An Open-Source AI-First Design tool • Visually build, style, and edit your React App with AI
