Overview

The Todo List App is a responsive and dynamic task management tool created using React, Vite, and Material UI. As the developer's second project after completing a comprehensive React course, this application showcases a robust understanding of modern web development practices. It enables users to effortlessly manage their tasks while incorporating features designed to enhance usability and provide a smooth experience.

With a focus on functionality and aesthetics, the application features a clean UI that supports both English and Arabic languages. The integration of local storage ensures that your tasks are saved automatically, making the app a reliable choice for anyone looking to improve their productivity and task management skills.

Features

Add New Tasks: Users can easily create new tasks by entering titles and details, streamlining the organization process.
Task Completion Feedback: Marking tasks as completed provides clear visual feedback, helping users track their progress effectively.
Edit Tasks: A clean modal dialog is available for quick task editing, ensuring the process is intuitive and user-friendly.
Delete Confirmation: Tasks can be deleted with prompts asking for confirmation, adding an extra layer of safety against accidental deletions.
Task Filtering: Users can filter tasks by all, completed, or not completed, making it simple to view specific lists.
Local Storage: Tasks are automatically saved in the browser's local storage, allowing for persistence between sessions.
Toast Notifications: Real-time toast messages keep users informed of successful actions, enhancing the interaction experience.
Responsive Design: Built with Material UI, the app features a fully responsive layout, ensuring optimal usability on any device.

Maher Elmair

Todo List App