A sleek, responsive, and future-looking Task Management application built with pure vanilla web technologies. It features a Cyberpunk-Minimalist dark theme with real-time state persistence and client-side filtering.
🔗 Live Demo: [https://vikas-chenna.github.io/todo-list/]
- ⚡ Full CRUD Operations: Create, Read, Update, and Delete tasks seamlessly without page reloads.
- 💾 LocalStorage Persistence: Tasks are securely synchronized with the browser's client-side storage so data is never lost on refresh.
- 🎯 Smart Priority Categorization: Tasks can be tagged as High, Normal, or Low priority, changing the visual container's neon accent borders dynamically.
- 🔍 Real-Time Live Search: Instant client-side search filtering that highlights matching tasks by scanning the text dynamically as you type.
- 🔒 Status-Based Locking: Checking a task as "Complete" applies a visual strike-through and automatically disables editing capabilities for better user experience.
- 📱 Fully Responsive Design: Clean layout built using modern Flexbox architecture that scales perfectly across Mobiles, Tablets, and Desktops.
- HTML5: Semantic structural layout.
- CSS3: Custom Google Fonts, Flexbox architecture, Media Queries, and Glassmorphic/Neon glowing visual cues.
- JavaScript (ES6+): DOM Manipulation, Event Listeners, LocalStorage State Management, and Array Parsing (
filter,forEach).
- Clone or download this repository to your local machine.
- Ensure all 3 files (
index.html,style.css,script.js) are in the same directory. - Simply open
index.htmlin any modern web browser (Chrome, Edge, Brave, Safari). - Boom! The futuristic interface is ready to manage your workflow. 😎