Redux Todo

A basic Todo App built while learning Redux and Redux Toolkit concepts in React.

This project demonstrates how to manage global state using Redux Toolkit with features like adding tasks, deleting tasks, and marking tasks as completed.

---

🚀 Features

• Add new todos
• Delete existing todos
• Mark tasks as done
• Redux Toolkit state management
• React functional components
• Beginner-friendly project structure

---

🛠️ Tech Stack

• React
• Redux Toolkit
• React Redux
• Vite
• JavaScript

---

📂 Project Structure

src/
├── components/
│   ├── AddForm.jsx
│   └── Todo.jsx
│
├── features/
│   └── todo/
│       └── todoSlice.js
│
├── app/
│   └── store.js
│
├── App.jsx
└── main.jsx

---

⚡ Getting Started

Clone the repository

git clone https://github.com/shanusingh01/redux-todo.git

Navigate into project folder

cd redux-todo

Install dependencies

npm install

Run development server

npm run dev

---

📸 Features Preview

• Add Task
• Delete Task
• Mark as Done with line-through effect

---

📚 Learning Concepts

This project helped in understanding:

• Redux store
• createSlice()
• configureStore()
• useSelector()
• useDispatch()
• Redux state updates
• Action dispatching
• Global state management

---

🤝 Contributing

Contributions, suggestions, and improvements are welcome.

---

⭐ Support

If you found this project useful, consider giving it a star on GitHub.