TaskFlow is a modern, responsive, and lightweight To-Do List web application designed to help users organize their daily tasks efficiently. Built using vanilla web technologies, it features a sleek dark-gradient background, clean typography, custom UI elements, and fluid animations for a premium user experience.
- Add Tasks Easily: Type your task and click "Add" or simply press the
Enterkey. - Dynamic Task Counter State: Automatically shows a friendly "No tasks yet" placeholder when the list is empty.
- Interactive Toggling: Check off completed items with custom-styled animated checkboxes that strike through finished tasks.
- Micro-interactions: Smooth CSS keyframe animations (
fadeUpandslideIn) when loading the app and adding new tasks. - Fully Responsive: Perfectly centered card layout that adapts seamlessly to various screen sizes.
- HTML5: Semantic structure.
- CSS: Custom checkboxes, fluid layouts via Flexbox, dynamic UI transitions, and
@keyframesanimations. - JavaScript (ES6): Vanilla DOM manipulation and state management.
- Google Fonts: Utilizing the clean and modern Nunito typeface.
To run this project locally, you don't need to install any servers or dependencies.
- Clone the repository:
git clone https://github.com/Eyob-bit/To-Do-List-app.git)