React-Redux Todo List

React-Redux Todo List is a simple web application that allows users to create, edit and delete tasks. It is built using the React Redux framework and features a clean and intuitive user interface.

Features

• Add new tasks
• Edit existing tasks
• Mark tasks as complete
• Delete tasks
• Filter tasks by completion status

Installation

1. Clone the repository from GitHub:

git clone https://github.com/username/react-redux-todo-list.git

2. Install dependencies:

npm install

3. Start the application:

npm start

Code Overview

The application is structured as follows:

├── actions
│   ├── index.js
│   └── types.js
├── reducers
│   ├── index.js
│   └── todos.js
├── components
│   ├── App.js
│   ├── TodoForm.js
│   ├── TodoList.js
│   ├── Task.js
│   └── FilterButton.js
└── index.js

• actions/index.js: Defines the actions that can be performed on the task list.
• actions/types.js: Defines the action types.
• reducers/todos.js: Reducer for managing the list of tasks.
• reducers/index.js: Combines the todos reducer with other reducers (not shown).
• components/App.js: The main app component that renders the todo form and list.
• components/TodoForm.js: A form component for creating new tasks.
• components/TodoList.js: A list component for displaying tasks.
• components/Task.js: A task component for displaying a single task.
• components/FilterButton.js: A button component for filtering tasks by completion status.
• index.js: The entry point for the application.

Usage

To use the application, simply open it in your web browser at localhost:3000. From there, you can add tasks, edit tasks, mark tasks as complete, delete tasks, and filter tasks by completion status.

Conclusion

React-Redux Todo List is a simple yet powerful web application for managing tasks. It demonstrates the power and flexibility of the React Redux framework, and is a great starting point for building more complex applications.