Interactive To-Do List (JavaScript / LocalStorage)
A dynamic web application for task management featuring an interactive UI, real-time counters, and persistent user state.
Key features implemented in the project:
1. Full CRUD functionality (creating, reading, toggling "done/active" status, and deleting tasks).
2. LocalStorage integration — user data is securely stored locally and persists even after refreshing the page.
3. Interactive counters - automatic real-time tracking of total, active, and completed tasks.
4. Form validation - includes a 100-character input limit, empty input protection, and a maximum list capacity (up to 30 tasks).
5. Smooth UX - custom CSS micro-animations (fade-in, bounce) applied for better user interaction and feedback messages.
6. Responsive & cross-browser design - the interface scales flawlessly across various screen sizes, from mobile phones to desktop monitors.
Tech Stack: HTML5 (semantic markup), CSS3 (Flexbox, CSS Animations, Media Queries), Vanilla JavaScript (DOM Manipulation, LocalStorage API, Event Handling).
Key features implemented in the project:
1. Full CRUD functionality (creating, reading, toggling "done/active" status, and deleting tasks).
2. LocalStorage integration — user data is securely stored locally and persists even after refreshing the page.
3. Interactive counters - automatic real-time tracking of total, active, and completed tasks.
4. Form validation - includes a 100-character input limit, empty input protection, and a maximum list capacity (up to 30 tasks).
5. Smooth UX - custom CSS micro-animations (fade-in, bounce) applied for better user interaction and feedback messages.
6. Responsive & cross-browser design - the interface scales flawlessly across various screen sizes, from mobile phones to desktop monitors.
Tech Stack: HTML5 (semantic markup), CSS3 (Flexbox, CSS Animations, Media Queries), Vanilla JavaScript (DOM Manipulation, LocalStorage API, Event Handling).