Task Management Dashboard with Kanban Board

This project is a task management dashboard built with Next.js, Node.js, Express, MongoDB, and Redux. It includes a task list and a Kanban board to manage tasks, with user authentication and drag-and-drop functionality.

Note: This project was developed as part of an assignment to demonstrate proficiency in building a full-stack application.

Features

• User Authentication: JWT-based authentication (sign up, log in, log out) with protected routes.
• Task Management:
  • CRUD operations (create, edit, delete, view tasks)
  • Task fields: title, description, status (To Do, In Progress, Completed), priority (Low, Medium, High), and due date
• Task List View: List of tasks with filtering and sorting options.
• Kanban Board: Drag-and-drop tasks between statuses (To Do, In Progress, Completed).
• Backend API: Node.js and Express to manage tasks and user authentication.
• State Management: Managed with Redux.
• UI Design: Created with Shadcn for a responsive and modern look.
• Cookies: Used for session persistence.
• Deployment: Deployed on Vercel.

Tech Stack

• Frontend: Next.js
• Backend: Node.js, Express
• Database: MongoDB
• State Management: Redux
• UI Library: Shadcn
• Authentication: JWT and cookies
• Deployment: Vercel

Screens

• Task List: Displays tasks with filtering and sorting.
• Kanban Board: Visualize tasks in columns for "To Do," "In Progress," and "Completed."

Demo

You can check out the live demo here: Live App on Vercel.