✨ FocusFlow Task Manager

🚀 A modern full-stack task manager with smooth UI, authentication & dashboard

---

✨ Live Demo

🔗 https://task-manager-s4yo.onrender.com/

---

⚡ Typing Effect

---

📸 Screenshots

🔐 Login Page

📊 Dashboard

---

🚀 Features

✨ User Authentication (JWT)
✨ Add / Delete / Toggle Tasks
✨ Filter Tasks (All / Completed / Pending)
✨ Toast Notifications
✨ Smooth UI & Animations
✨ Glassmorphism + Modern Design
✨ Responsive Dashboard Layout

---

🛠️ Tech Stack

• ⚙️ Backend: Node.js + Express
• 🗄️ Database: MongoDB Atlas
• 🎨 Frontend: HTML, CSS, JavaScript
• ☁️ Deployment: Render

---

📂 Project Structure

backend-project/
│── models/
│── middleware/
│── public/
│── server.js
│── package.json

---

🔧 Installation

git clone https://github.com/prerna-sharma-only/task-manager.git
cd task-manager
npm install

---

⚙️ Environment Variables

Create .env file:

MONGO_URI=your_mongodb_url
JWT_SECRET=your_secret_key

---

▶️ Run Locally

node server.js

---

🌐 Deployment

Deployed using Render

---

💡 Future Improvements

• 🔄 Drag & Drop Tasks
• 📱 Mobile Responsive Enhancements
• 🏷️ Task Categories & Priority
• 🌙 Dark Mode Toggle

---

👨‍💻 Author

Prerna Sharma

🚀 Building AI-powered experiences

---

⭐ Support

If you like this project:

⭐ Star the repo 🔁 Share it 🍴 Fork it

---