TimeStack ⏱️

A simple yet effective time management tool to help you track, stack, and manage tasks and time spent throughout your day.

🔗 Live Demo: https://trytimestack.netlify.app/

Features ✨

• 📝 Add tasks with time estimates
• ✏️ Edit or delete existing entries with smooth swipe gestures
• 🧹 Clear all entries with a custom-styled confirmation dialog
• ⏳ Track time spent on each individual task
• 📊 View a live-updating log of your time entries
• 📅 See total accumulated time at a glance
• 💎 Fully glassmorphic UI with smooth, modern animations
• 🖥️ Responsive design (optimized for both mobile & desktop)
• 🧠 Custom-styled alerts that match the app’s aesthetic (no jarring browser-native popups)
• 💾 Data persisted locally via localStorage
• 🛡️ Includes a service worker for offline support (PWA-ready)

Why I Built This 🛠️

I created this tool to solve my own problem: constantly struggling to track and stack my daily time allocations using a normal calculator. Over time, I enhanced it with a polished UI, better user feedback, and seamless data persistence so it’s not just functional, but also a joy to use. This project helps me (and hopefully you!) better manage daily tasks and time.

Technologies Used 💻

• HTML5
• CSS3 (Glassmorphism, backdrop filters, and custom scrollbars)
• Vanilla JavaScript (ES6+)
• localStorage for client-side data persistence
• Service Worker for PWA capabilities

How to Use 🚀

1. Enter your task name in the title field.
2. Add the time required (in hours and/or minutes).
3. Click “Add Time” — or simply press Enter.
4. Edit or delete entries as needed (swipe on mobile, use buttons on desktop).
5. Watch your total time update in real time.
6. Your data is automatically saved, even if you close the browser!

Installation (Local Development) ⚙️

To run locally:

git clone https://github.com/homayunmmdy/timestack.git
cd timestack
open index.html

Works in any modern browser. No build step required!

Contributing 🤝

Contributions are welcome! If you have ideas for improvements, please:

1. Fork the project
2. Create your feature branch (git checkout -b feature/AmazingFeature)
3. Commit your changes (git commit -m 'Add some amazing feature')
4. Push to the branch (git push origin feature/AmazingFeature)
5. Open a pull request