A modern, responsive Todo List built with React, featuring dark/light mode, add, edit, and delete functionalities. This is an improved version of a previous JavaScript-only Todo List, now enhanced with React’s reactivity and better UI.
- Add Tasks: Quickly add new tasks with a simple input field and button.
- Edit Tasks: Update task text in-place (React state updates dynamically).
- Delete Tasks: Remove tasks individually.
- Mark as Completed: Check a task to mark it complete; completed tasks are visually styled.
- Dark/Light Mode: Toggle between light and dark themes with a single click.
- Responsive Design: Works seamlessly on mobile, tablet, and desktop.
- No Tasks Message: Displays a friendly message
"There is no task yet"when the list is empty.
- React (Functional Components + Hooks)
- CSS Variables for theme management
- Flexbox & Responsive Layouts
- Local State Management (React
useState)
git clone https://github.com/code-aadi/React-Todo-List.git