This project is a basic Todo app developed using ReactJS. The app allows users to create, read, update, and delete tasks in a simple and intuitive interface. It demonstrates the fundamental concepts of ReactJS, such as components, state management, and event handling.
- Add new tasks by entering a description and pressing the "Add" button or hitting the Enter key.
- Mark tasks as completed by clicking on the checkbox next to the task.
- Edit existing tasks by clicking on the task's description and modifying it.
- Delete tasks by clicking on the "Delete" button next to the task.
To run this Todo app locally, follow these steps:
-
Clone this repository to your local machine using the following command:
git clone https://github.com/your-username/react-todo-app.git
-
Navigate to the project directory:
cd react-todo-app
-
Install the dependencies using either npm or yarn:
npm install
or
yarn install
-
Start the development server:
npm start
or
yarn start
-
Open your web browser and visit http://localhost:3000 to access the Todo app.
The project's folder structure is organized as follows:
react-todo-app/
├── public/
│ ├── index.html
│ └── ...
├── src/
│ ├── components/
│ │ ├── Task.js
│ │ └── ...
│ ├── App.js
│ ├── index.js
│ └── ...
├── .gitignore
├── package.json
├── README.md
└── ...
- The
public
directory contains the HTML file that serves as the entry point for the application. - The
src
directory contains the application's source code, including components, main app file, and other related files. - The
components
directory contains individual React components used to build the Todo app.
Contributions are welcome! If you find any issues or have suggestions for improvement, please submit an issue or a pull request on the GitHub repository.
This project is licensed under the MIT License. Feel free to modify and distribute this code as needed.