This project was bootstrapped with Create React App.
- Project Overview
- Getting Started
- Available Scripts
- Project Structure
- Features
- Usage
- Contributing
- License
This React application is a simple ToDo list that allows users to add, toggle, and delete tasks. It uses local storage to persist the list of tasks across browser sessions.
To get a local copy up and running follow these simple steps.
You need to have Node.js and npm installed. You can download Node.js from nodejs.org, which includes npm.
-
Clone the repository:
git clone https://github.com/vyshnav0/React-Todo-App
-
Navigate to the project directory:
cd react-todo-app
-
Install the dependencies:
npm install
In the project directory, you can run:
Runs the app in the development mode. Open http://localhost:3000 to view it in your browser. The page will reload if you make edits.
Launches the test runner in the interactive watch mode.
Builds the app for production to the build
folder. It correctly bundles React in production mode and optimizes the build for the best performance.
Removes the single build dependency from your project. Note that this is a one-way operation. Once you eject, you can’t go back!
src/
- Contains the main source code.App.js
- Main application component that manages the state of the ToDo list.TodoList.js
- Component that renders the list of ToDos.TodoItem.js
- Component that renders a single ToDo item.NewToDoForm.js
- Component for adding new ToDos.
- Add new ToDo items
- Toggle ToDo item completion status
- Delete ToDo items
- Persistent storage using local storage
- Open the application in your browser.
- Use the form to add new ToDo items.
- Check or uncheck items to mark them as completed.
- Click the delete button to remove items from the list.
If you wish to contribute to this project, please fork the repository and make a pull request with your changes. You can also open issues for discussion.
This project is licensed under the MIT License - see the LICENSE file for details.