Todo App

A simple yet powerful Todo App built with a clean and eye-catching user interface, offering smooth responsiveness and essential functionality. This app helps users manage their tasks efficiently, with features like a dark theme, accessibility enhancements, and task management.

Features

1. User Interface

• Modern UI: The app has a minimalistic, sleek, and visually appealing design.
• Responsive Design: Works seamlessly across different devices, including mobile, tablet, and desktop.
• Dark Mode: Toggle between light and dark themes for enhanced accessibility and user experience.

2. Task Management

• Add Tasks: Easily create new tasks to stay organized.
• Edit Tasks: Modify any existing task at any time.
• Delete Tasks: Remove tasks from your list with a simple click.
• Complete Tasks: Mark tasks as completed to distinguish between active and completed tasks.
• Task Visibility: Show or hide completed tasks to keep your task list uncluttered.

3. LocalStorage Integration

• Persistent Data: Tasks are stored in the browser's localStorage to ensure data persistence, even after refreshing the page.
• Fetch Data: Upon reloading the app, previously stored tasks are fetched and displayed automatically.

4. Accessibility

• The app is designed with accessibility in mind, making sure all users can interact with it smoothly.

5. Code Quality

• Clean Code: The code has been refactored and organized for clarity and maintainability.
• Pure Functions: The app uses pure functions where possible to maintain better functional integrity and debugging.

Technologies Used

• HTML5: For structuring the app’s content.
• CSS3 & SASS: For styling, including responsiveness and theming (dark/light mode).
• JavaScript: For adding interactivity and task management functionality.

How to Use

1. Clone the repository:

   git clone https://github.com/mohamedkbx/todo-app.git