TaskFlow – React Task Manager

Author: Vineet Dwivedi

TaskFlow is a clean and scalable task management application built with React.
The project focuses on correct state management, derived data, and component-driven architecture, rather than just UI.

---

🚀 Features

• Add new tasks
• Toggle task completion
• Filter tasks (All / Completed / Pending)
• Live task statistics (Total, Completed, Pending)
• Clean and reusable component structure

---

🛠 Tech Stack

• React
• JavaScript (ES6+)
• Tailwind CSS

---

🧠 Key Concepts Demonstrated

• Derived State (no redundant state storage)
• Lifting State Up
• Controlled Components
• Immutable State Updates
• Single Source of Truth
• Component Reusability
• useEffect for localStorage Persistance

---

📂 Project Structure

• App.jsx → State management & business logic
• TaskList → Task creation & rendering
• TaskStats → Derived statistics display

---

📌 Learning Outcome

This project strengthened my understanding of how React handles state, re-renders, and data flow in real-world applications also have useEffect for localStorage Persistance. It is not just a normal todo app, this project show the efforts and learning.

---

🔗 Live Demo

https://taskflow-sand-seven.vercel.app/