Ticksy : Focus Timer

A minimal, audio-immersive Pomodoro timer designed for deep work and flow states.
Explore the docs »

View Live Website · Report Bug · Request Feature

---

📖 About the Project :

Ticksy is designed to help students, developers, and professionals maintain high levels of focus while preventing burnout. By combining the structured Pomodoro Technique with calming ambient soundscapes, Ticksy creates an environment conducive to deep work.

🎯 Who is this for?

• Students preparing for exams who need disciplined study blocks.
• Freelancers tracking billable hours or deep work sessions.
• Developers who need to stay in the "flow state" while coding.
• Anyone struggling with procrastination or distraction.

---

🔥 Key Features

Feature	Description
⏱️ Smart Timer	Preset modes (Focus, Short Break, Long Break) plus a fully Customizable Timer.
🎧 Audio Ambience	Built-in soundscapes including Rain, Thunder, Forest, Night, and spiritual tracks (Chalisa, Om, etc.). Includes independent volume control.
📝 Task Manager	Integrated to-do list that saves your tasks to Local Storage so you never lose progress.
📊 Productivity Stats	Tracks your total Sessions and Total Focus Time locally.
📱 Fully Responsive	Optimized layout that adapts perfectly from Desktop (2-column) to Tablet and Mobile.
🌗 Dark Mode UI	A sleek, eye-strain-free dark interface with orange accents (#F25C05).
🖥️ Fullscreen Mode	One-click distraction-free mode that enlarges the timer and hides UI clutter.
🕰️ Live Clock	Always-visible real-time digital clock.

---

🛠️ Built With

• Structure
• Styling (Flexbox, Grid, Clamp functions)
• Logic & DOM Manipulation
• Icons
• Typography (Outfit)

---

📁 Project Structure

ticksy-focus-timer/
├── index.html          # Main application structure
├── about.html          # about developer 
├── style.css           # Responsive styling and themes
├── script.js           # Timer logic, tasks, audio handling
├── assets/
│   ├── logo.png        # App Icon
│   ├── developer.png   # Developer Image
│   └── audio/          # MP3 files (rain.mp3, forest.mp3, etc.)
└── README.md           # Documentation

🤝 Contributing Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

• Fork the Project
• Create your Feature Branch (git checkout -b feature/AmazingFeature)
• Commit your Changes (git commit -m 'Add some AmazingFeature')
• Push to the Branch (git push origin feature/AmazingFeature)
• Open a Pull Request

Last Builded on 28/12/2025, 5 AM