https://github.com/alirlikh/task-management-app
task manegment app that create with react redux-toolkit and bootstrap.we can add ,edite , delete the task
https://github.com/alirlikh/task-management-app
bootstrap react redux-toolkit state-management
Last synced: 3 months ago
JSON representation
task manegment app that create with react redux-toolkit and bootstrap.we can add ,edite , delete the task
- Host: GitHub
- URL: https://github.com/alirlikh/task-management-app
- Owner: alirlikh
- Created: 2024-09-17T04:37:12.000Z (almost 2 years ago)
- Default Branch: master
- Last Pushed: 2024-11-28T15:43:47.000Z (over 1 year ago)
- Last Synced: 2025-08-10T08:37:22.776Z (11 months ago)
- Topics: bootstrap, react, redux-toolkit, state-management
- Language: JavaScript
- Homepage: https://symphonious-heliotrope-aeeef1.netlify.app/
- Size: 467 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 📝 Task Management App
🚀 **A feature-rich task management application** built with **React** and powered by **Redux Toolkit** for seamless state management. This app integrates with the [DummyJSON Todos API](https://dummyjson.com/docs/todos) using **Axios**, offering an efficient and scalable solution for managing daily tasks.
**🔗 Live Demo**: [Task Management App](https://symphonious-heliotrope-aeeef1.netlify.app/)
---
## 📋 Table of Contents
- [✨ Features](#-features)
- [💻 Tech Stack](#-tech-stack)
- [🔌 API Reference](#-api-reference)
- [⚙️ Installation](#️-installation)
- [📖 Usage](#-usage)
- [🛠️ State Management with Redux](#️-state-management-with-redux)
- [🤝 Contributing](#-contributing)
---
## ✨ Features
- ✅ **Add New Tasks**: Effortlessly create tasks to stay organized.
- ✏️ **Edit Tasks**: Update task details in seconds.
- ❌ **Delete Tasks**: Remove tasks you no longer need.
- ✔️ **Mark as Completed**: Track your progress by marking tasks as done.
- 🔄 **State Management**: Managed entirely via **Redux Toolkit** for predictability and scalability.
- 🌐 **API Integration**: Interact with the [DummyJSON Todos API](https://dummyjson.com/docs/todos) for CRUD operations using **Axios**.
---
## 💻 Tech Stack
| **Technology** | **Description** |
|------------------|------------------------------------------------------|
| **React** | Frontend framework for building user interfaces. |
| **Redux Toolkit**| Centralized and efficient state management solution. |
| **Axios** | Promise-based HTTP client for seamless API calls. |
| **Bootstrap** | Styling and layout for a responsive UI. |
| **Yarn** | Fast and reliable dependency management. |
---
## 🔌 API Reference
This app uses the [DummyJSON Todos API](https://dummyjson.com/docs/todos) to manage tasks. Key functionalities include:
- **GET**: Retrieve a list of tasks.
- **POST**: Add a new task.
- **PUT**: Update an existing task.
- **DELETE**: Remove a task.
Integration with Redux ensures the app maintains a consistent state when interacting with the API.
---
## ⚙️ Installation
Follow these steps to set up and run the project locally:
1. **Clone the Repository**
```bash
git clone
cd
```
2. **Install Dependencies**
```bash
yarn install
```
3. **Start the Development Server**
```bash
yarn start
```
Open http://localhost:3000 in your browser to explore the app.
---
## 📖 Usage
Open the app in your browser or visit the [Live Demo](https://symphonious-heliotrope-aeeef1.netlify.app/).
Add a Task: Use the form to create a new task.
Edit a Task: Click on a task to modify its details.
Mark as Completed: Sign off tasks when done.
Delete a Task: Remove unnecessary tasks with a click.
Search Tasks: Use the search bar to filter and find tasks by their title or description.
---
## 🛠️ State Management with Redux
This app leverages Redux Toolkit to:
- 📦 Centralize all state in a single store.
- ⚡ Simplify asynchronous operations using Thunks.
- 🔄 Enable seamless API integration while maintaining predictable state updates.
- 🧩 Modularize code with slices and reducers for cleaner structure.
---
## 🤝 Contributing
Contributions are welcome! To get started:
Fork the Repository
Create a Feature Branch
```bash
git checkout -b
```
Commit Your Changes
```bash
git commit -m "Add "
```
Push to the Branch
```bash
git push origin
```
Open a Pull Request
---
🎉 Thank you for exploring this project! Let me know if you have any feedback or suggestions to improve it further. 🚀
This updated version includes:
- Emojis for a modern and engaging look.
- Well-structured sections for clarity.
- Emphasis on Redux, its role in state management, and API integration.
Let me know if you want more adjustments! 😊