React Todo App

Website link :- Todo App

Overview

This is a simple todo application built in React where users can add, modify, mark as completed, and delete todos. The todos are stored in the local storage of the browser for persistence.

Features

• Add Todo: Users can add new todos to the list.
• Modify Todo: Users can edit existing todos.
• Mark as Completed: Users can mark todos as completed.
• Delete Todo: Users can delete todos from the list.
• Local Storage: Todos are stored in the local storage for persistence.

Getting started

To run the todo app locally, follow these steps:

1. Clone the repository:

git clone https://github.com/Subas-mohanty/Todo-app-in-react.git

2. Navigate to the project directory:

cd Todo-app-in-react

3. Install dependencies:

npm install

4. Start the development server:

npm run dev

5. Open your web browser and go to http://localhost:5173/ to access the application.

Usage

• Add Todo : Enter a new todo in the input field and press Enter or click on the "Add" button.
• Modify Todo : Click on the edit button to edit its content. Press the save button to save the changes.
• Mark as Completed : Click on the checkbox next to a todo to mark it as completed.
• Delete Todo : Click on the delete icon next to a todo to delete it from the list.

Dependencies

• React : JavaScript library for building user interfaces.
• react-icons : Icon library for React components.
• tailwind : CSS framework for styling.

Notes

• Ensure that your browser supports local storage.
• Customize the application's styling and functionality to match your preferences.
• Contributions and suggestions are welcome!