This is a simple To-Do List application built with React. It allows users to create a list of tasks, mark tasks as completed, and delete tasks when they're done. The app supports both light and dark modes, and the state of tasks and settings is saved in the browser's localStorage.
https://badr-react-todo-app.netlify.app.
- Add new tasks to the list.
- Mark tasks as completed.
- Delete tasks from the list.
- Light and Dark modes for different appearances.
- Warning message for double-click to mark tasks as completed.
- React
- Local Storage API
-
Clone the repository:
git clone https://github.com/Moslihbadr/react-todo-app.git
cd react-todo-app -
Install dependencies:
npm install -
Run the development server:
npm start -
Open your browser and navigate to http://localhost:3000 to access the app.
- To add a new task, type the task in the input field and click the "Add Task" button.
- To mark a task as completed, double-click on the task.
- To delete a task, click on the delete icon next to the task.
- Moslih Badr
This project is licensed under the MIT License - see the LICENCE file for details.