📝 TodoList App

A minimal, clean and interactive task manager built with React, TypeScript and NodeJS. Features auto-saving, task completion, and a sleek UI powered by your own backend.

---

🚀 Features

• Fetch tasks from backend ✅
• Add new tasks via a form
• Edit task title, description, and due date inline
• Mark tasks as done / undone
• Remove tasks
• Auto‑save changes after 2 seconds of inactivity
• Progress indicator during save operations

---

📦 Tech Stack

• Frontend: React + TypeScript
• UI: Components from ShadCN, Tailwind CSS style
• Backend: Local REST API using NodeJS
• State Management: useState, useEffect, and useRef in React Functional Components

---

🧪 Installation & Development

1. Clone the repo:

   git clone https://github.com/QuangWorkIT/TodoList.git
   cd TodoList

2. Install package

   npm install

3. Run server

   npm run dev

4. Develop

   // Front end
   http://localhost:5173
   // Back end
   http://localhost:3000

5. Preview front end

   https://todo-list-4lvm.vercel.app/
   

👤 Author

QuangWorkIT