A lightweight, modern, and highly interactive Task Manager built with vanilla HTML, CSS, and JavaScript. The application features a sleek dark-themed glassmorphism user interface with responsive elements and glowing background elements.
- Interactive Task Addition: Add tasks seamlessly by typing in the input field and clicking Add Task or pressing the
Enterkey. - Dynamic Task Deletion: Delete tasks using a highly efficient event-delegation mechanism bound to the task list container.
- Empty Input Prevention: Prevents accidental creation of blank tasks.
- Sleek Aesthetics: Built with a premium dark theme, modern typography (Outfit Font), custom hover micro-interactions, responsive flex alignments, and dual-glow abstract orbs in the background.
- index.html - Clean, semantic markup that defines the structure and loads the visual and interactive assets.
- style.css - Modular styling utilizing CSS custom properties, backdrop-filters, custom scrollbar styling, keyframe animations, and glowing background decorations.
- app.js - Simple, clean JavaScript managing input handling, enter-key triggers, task creation, and dynamic task removal via DOM event delegation.
Since the application uses pure vanilla web technologies, there are no build steps or dependencies:
- Double-click or open index.html in any modern web browser.
- Start adding and managing your tasks!