TaskNexus is a full-featured Kanban Task Management System designed for modern team collaboration. Built using a production-ready MERN Stack, it offers scalable architecture, role-based access, and clean drag-and-drop workflows. Whether you're a developer, project manager, or team lead — this system streamlines task organization and productivity like a pro.
- ✅ Backend API development is completed
- ✅ Frontend React UI is complete and deployed
- ✅ Deployed on Vercel (Frontend) & Render (Backend)
- 🔄 Version 2 in progress — WebSocket + Redis + Kafka integration
- 🧠 Version 3 (planned) — AI features + GraphQL API layer
This project is a culmination of structured, layered development through milestone-based mini-projects:
| Project | Date | Description |
|---|---|---|
| TaskFlow Kanban | Mar 2025 | JavaScript fundamentals, drag-and-drop, and local storage. |
| Loginify-JWT | Apr 2025 | Secure backend with JWT, MongoDB, route/controller structure. |
| Loginify-MERN | Apr 2025 | Connected frontend/backend, managed CORS, cookies, token flow. |
| TaskNexus Backend | May 2025 | Modular backend with validation, mailing, file uploads, and role-based access. |
| NxtLink | Jun 2025 | Deployment-focused shortener app using Next.js and cloud infrastructure. |
| TaskNexus Frontend | Jun 2025 | Zustand + TanStack Router based frontend with real-time-ready UI and responsive design. |
- MongoDB Atlas: Cloud-hosted NoSQL database with six relational models using ObjectId-based mappings.
- Express.js: Backend logic with middleware layers, validation, and mail/file handling.
- React.js: UI components built for a seamless Kanban experience.
- Node.js: Backend server logic with modular folder structure and clean error handling.
- TanStack Router: Lightweight, advanced routing system for nested layouts and route guards.
- Zustand: Minimalist and fast global state management without boilerplate.
- DnD Kit: Drag-and-drop library used to reorder tasks and columns.
- Bootstrap 5: Responsive UI with a clean, mobile-friendly layout.
- Axios: For structured HTTP requests with token interceptors.
-
Zod: End-to-end input validation for schema-safe request handling.
-
Mailgen + Mailtrap + NodeMailer: Email sending setup for task invites and notifications.
-
Multer + Cloudinary: File uploads (attachments, images) and secure cloud storage.
-
JWT Auth: Secure login with middleware for protected routes and session management.
-
Role-Based Access:
project_admin,admin,member— enforced via middleware and model-level filters. -
Deployment:
- Frontend: Hosted on Vercel
- Backend: Deployed via Render
- 🧠 Complete task CRUD operations
- 📌 Drag-and-drop Kanban with reorder persistence
- 🔐 Secure JWT-based authentication
- 🧾 Project-wise task segregation
- 🧑🤝🧑 Role-based access control with 3 roles
- 📎 File Upload & Cloud Storage
- 📬 Mailing via transactional services
- 📅 Subtasks, priority tags, deadlines, and activity metadata
- 🔁 Real-time sync using WebSockets + Socket.io
- ⚙️ Redis integration for horizontal scaling
- 🧪 Kafka for future analytics and activity tracking
- 🖥️ Moving backend to bare-metal Linode servers
- 🧩 PM2 process manager + Caddy reverse proxy setup
- 🤖 AI-enhanced features: suggestions, task prioritization, smart alerts
- 🌐 Partial GraphQL API exposure for flexible queries
- ✅ Final polish of UX & wrap-up of core development phase
Development is a continuous process — and I plan to evolve TaskNexus into a benchmark open-source project.
TaskNexus lays the foundation for my dream project: 👉 CodeVantage — a LeetCode-inspired coding platform built using Prisma + PostgreSQL, designed to offer real-time problem-solving, smart evaluation, and rich analytics.
What I’ve built and learned in TaskNexus will directly support collaborative problem boards, task syncing, role management, and real-time challenge updates in CodeVantage.
git clone https://github.com/YashPandey1405/TaskNexus.git
cd TaskNexus/backend
npm install
npm startcd TaskNexus/frontend
npm install
npm run dev
⚠️ Make sure to provide your.envvariables for MongoDB, Cloudinary, Mailtrap, etc.
-
Frontend: Hosted on Vercel
-
Backend: Hosted on Render
-
Planned Migration (v2):
- Move backend to Linode (bare metal)
- Setup PM2 and Caddy for reverse proxy and service reliability
- Introduce Redis + Kafka for scalability and message queuing
Contribution guidelines will be published post v2.0. Feel free to fork the repo, suggest improvements, or raise issues!
Crafted with dedication by Yash Pandey — MERN Stack Developer, Backend Architect, and ML Enthusiast. Exploring scalable, collaborative web systems with a passion for performance, real-time UX, and clean DevOps workflows.