s-soumyakanta/todo-app

React Simple Todo App ! It allows you to create, mark as done, and delete todos, all while ensuring privacy by securely storing your data locally on your device. Stay organized and manage your tasks hassle-free with this lightweight and intuitive app.

React Simple Todo App

Live Link

Welcome to the React Simple Todo App! This is a basic todo list application built using React. It allows you to create, mark as done, and delete todos. The app utilizes local storage to save the todo items, ensuring that your todos persist even if you refresh the page or close the browser.

Features

The React Simple Todo App offers the following features:

1. Create Todo: You can add new todos by typing the task description in the input field and pressing the "Enter" key or clicking the "Add" button. The todo will be added to the list.

2. Mark as Done: Once you have completed a todo, you can mark it as done by clicking the checkbox next to the todo item. The todo will be visually indicated as completed.

3. Delete Todo: If you no longer need a todo, you can remove it from the list by clicking the delete button (represented by a trash can icon) next to the todo item.

Technologies Used

The React Simple Todo App is built using the following technologies:

• React: A JavaScript library for building user interfaces.
• JavaScript: The programming language used to add functionality to the app.
• HTML: The structure and layout of the app.
• CSS: Styling the user interface to make it visually appealing.
• Local Storage: Saving and retrieving todos on the client's browser.

Getting Started

To use the React Simple Todo App on your local machine, follow these steps:

1. Clone the repository to your local machine using the following command:

git clone https://github.com/s-soumyakanta/todo-app.git

2. Navigate to the project directory:

cd your-folder-name

3. Install the dependencies by running the following command:

npm install

4. Start the development server:

npm start

5. Open your web browser and visit http://localhost:3000 to view the app.

That's it! You can now start using the React Simple Todo App on your local machine.

Contributing

Contributions to the React Simple Todo App are welcome! If you find any bugs, have feature requests, or would like to make improvements, please feel free to submit an issue or create a pull request.

When contributing, please adhere to the existing code style and commit message conventions. Additionally, make sure to thoroughly test your changes before submitting a pull request.

License

The React Simple Todo App is open source and released under the MIT License. You are free to use, modify, and distribute the code as per the terms of this license.

Acknowledgements

The React Simple Todo App was developed with the aim of providing a simple and intuitive todo list application using React.

If you have any questions or need any further assistance, please don't hesitate to reach out.

Happy todo-ing with React!