Todo-web App with React.js

I have created a highly responsive Todo-web app using React.js that allows users to efficiently manage tasks. The app offers seamless task addition, removal, and updating functionalities, making task management effortless. Developed with the power of React Vite, it ensures fast and smooth development, delivering an optimal user experience.

Key Features

• Add tasks easily
• Remove tasks with a click
• Update tasks effortlessly

Live Demo

Experience the live app here and start managing your tasks efficiently!

Getting Started

To run this app on your local system, follow these steps:

1. Clone the repository to your local system by executing the following command: git clone https://github.com/Rishabh6306/Todo-WebApp-With-ReactJS.git

2. Navigate to the cloned directory: cd Todo-WebApp-With-ReactJS

3. Install the required dependencies using npm: npm install

4. Once the installation is complete, you can now run the app on your local system by: npm run dev

5. Visit http://localhost:3000 in your web browser to view and use the Todo-web app.

Folder Structure

The folder structure of this project is similar to a React Vite project. Here is a brief overview: Todo-WebApp-With-ReactJS/ │ README.md │ package.json │ ... │ └───src/ │ │ index.js │ │ ... │ │ │ └───components/ │ │ TodoInput.jsx │ │ TodoRemove.jsx │ │ ... │ └───public/ │ index.html │ app.css │ ...

Components

1. TodoInput.jsx: This component is responsible for handling user input and adding tasks.

2. TodoRemove.jsx: This component displays a remove button for each task, allowing users to delete tasks.

Contribution

Feel free to contribute to this project by creating pull requests or reporting issues. Let's make task management even better together!

Enjoy the convenience of seamless task management and happy coding! 🚀