This is a To-do list app built on the front-end only where you can add your todo list title and write a brief description on it, and then add it to your list. This will go down in the todo section where you see three buttons: delete, complete, and edit your task. When you complete the todo task and click on the complete button, it will move down into the completed section where you can see your completed todo task, and from there you can also delete it. All tasks are stored in your local storage.
The My Todos project provides a simple and effective interface to manage your daily tasks. Users can add, edit, complete, and delete tasks. Completed tasks are moved to a separate section, making it easy to track progress. All tasks are stored in the local storage, ensuring persistence across sessions.
Very simple to install:
- Clone the repository:
git clone https://github.com/Mohit138928/to-do-list.git
- Navigate to the project directory:
cd my-todos - Install the dependencies:
npm install
- Install React Icons:
npm install react-icons --save
- Install React Router DOM:
npm install react-router-dom@6
- Run the project:
npm run start
-
Add Todos:
- Enter the title and a brief description of your todo task.
- Click the add button to add it to your todo list.
-
Manage Todos:
- Delete: Remove the task from your list.
- Complete: Mark the task as complete and move it to the completed section.
- Edit: Modify the task details.
-
Completed Section:
- View your completed tasks.
- Delete tasks from the completed section.
Feel free to contribute to this project. Any improvements or suggestions are welcome!
This project is open-source and available under the MIT License.
If you have any questions or need further information, feel free to contact me at Mohit Maurya.