A beautifully designed, feature-rich To-Do application focused on aesthetics and productivity. Built with modern web technologies to provide a smooth and engaging user experience.
- 🎨 Premium UI/UX: distinctive glassmorphism effects, smooth animations, and a curated color palette (Outfit font, HSL colors).
- ☀️ My Day View: Focus on what matters today with a dedicated daily view and progress tracking.
- ⭐ Important & Categories: Organize tasks by priority or category (Work, Personal, etc.).
- 📅 Smart Scheduling: Set due dates and times. Tasks near their due time trigger a visual and audio alarm.
- 🔔 Audio Reminders: Built-in sound notifications for overdue tasks.
- 📜 History & Restore: Deleted or completed tasks are saved in a history log, allowing you to restore them if needed.
- 🔍 Instant Search: Filter tasks and history entries in real-time.
- 💾 Local Persistence: All data is saved automatically to your browser's Local Storage – never lose your list.
- HTML5: Semantic structure.
- CSS3: Vanilla CSS with CSS Variables, Flexbox, Grid, and Keyframe animations.
- JavaScript (ES6+): specialized logic for state management, date handling, and DOM manipulation.
- Google Fonts: Uses the 'Outfit' typeface for a modern look.
/e:/vibe coding/Todo-App/
├── index.html # Main application structure
├── style.css # All stylings, themes, and animations
├── script.js # Core logic, local storage, and event listeners
└── README.md # This documentation
- Simply open
index.htmlin any modern web browser. - No build step or server required!
Feel free to fork this project and submit pull requests for any enhancements or bug fixes. Suggest new features in the issues tab.
Created by [Your Name/Username]