To-Do List Application

This is a simple To-Do List application built using ReactJS and Redux. The application allows users to add, view, edit, delete, and toggle tasks. It also includes persistent storage using Redux Persist to ensure tasks are saved even after page reloads.

Features

• Add a task
• View all tasks
• Edit a task
• Delete a task
• Toggle task completion status
• Persistent storage using Redux Persist
• Responsive design

Live Demo

You can view the live demo of the application here.

Technologies Used

• ReactJS
• Redux
• Redux Persist
• CSS

Getting Started

Prerequisites

Make sure you have the following installed on your system:

• Node.js (https://nodejs.org/)
• npm (comes with Node.js)

Installation

1. Clone the repository:

   git clone https://github.com/yourusername/todo-app.git
   cd todo-app
   

2. Install dependencies:

npm install

3. Start the development server:

npm start The application will be available at http://localhost:3000.

Usage Add a task: Enter the task description in the input field and press the "Add Task" button or the Enter key. View tasks: All added tasks will be displayed in a list. Edit a task: Click the "Edit" button next to the task you want to edit, update the task description in the prompt, and save the changes. Delete a task: Click the "Delete" button next to the task you want to delete. Toggle task completion: Click the "Toggle" button next to the task you want to mark as completed or incomplete.

Folder Structure

todo-app/ ├── node_modules/ ├── public/ ├── src/ │ ├── components/ │ │ ├── TaskInput.js │ │ ├── TaskList.js │ ├── redux/ │ │ ├── actions.js │ │ ├── reducers.js │ │ ├── store.js │ ├── App.css │ ├── App.js │ ├── index.js ├── .gitignore ├── package-lock.json ├── package.json ├── README.md

Contributing

Contributions are welcome! Please open an issue or submit a pull request for any changes.

License This project is licensed under the MIT License - see the LICENSE file for details.

Acknowledgments React Redux Redux Persist Visual Studio Code

This README.md file now includes a section with a link to the live demo of your application. Adjust the GitHub repository URL and any other details as necessary.