🚀 TaskFlow

A priority-driven task manager that automatically organizes your workflow.

💡 TaskFlow is built with clean architecture, robust JWT authentication, and a streamlined single-unit deployment model. Live Link : https://task-flow-frontend-nb7t.onrender.com/

✨ Features

• 🗂️ Auto-Categorization: Tasks dynamically sort into 📅 Today, ⏳ Upcoming, or 📦 Backlog based on deadlines.
• 🔐 Secure Auth: JWT-protected routes keep data private.
• 📊 Live Dashboard: Dynamic filters, real-time counters, and a sleek, mobile-first Tailwind UI.
• ⚡ Priority Tracking: Manage workload easily with Low, Medium, and High priority tags.

🏗️ Architecture Highlights

• JWT Flow: Secure login issues a token saved in localStorage, required for all subsequent API requests.
• Smart Sorting: The server evaluates deadlines at runtime against the local midnight boundary to accurately route tasks without manual dragging.

🚀 Quick Start

git clone https://github.com/Sudarshan25092007/TaskFlow.git
cd TaskFlow
npm install

# Create a .env file with: PORT=5000, MONGO_URI, JWT_SECRET
npm run dev

🌍 Deployment (Render)

TaskFlow uses a single-unit deployment model. The Express backend securely handles the API while serving the static frontend files natively. Simply connect your repo to Render, set your build to npm install and start to npm start.

🗺️ Future Roadmap

• 🖱️ Drag-and-drop task ordering
• 🔔 Push notifications & reminders
• 🌓 Dark/Light theme toggle

---

👨‍💻 Sudarshan Patil H J

Full-Stack Developer focused on production-ready code and modern UX.

⭐ If you found this helpful, consider giving it a star!