Skip to content
SG.
All work

[19] FRONTEND · 2024

Task Nexus

A project management dashboard designed to help users efficiently manage projects and tasks.

  • React.js
  • TypeScript
  • Zustand
  • React Query
  • Tailwind
  • Vercel
Live ↗ Task Nexus (opens in a new tab)Code ↗ for Task Nexus (opens in a new tab)
Task Nexus screenshot

01 — OVERVIEW

A project management dashboard designed to help users efficiently manage projects and tasks. It features a login page, project overview, task management with drag-and-drop functionality, and a project details page. Tasks can be filtered, searched, and managed dynamically, with interactive elements powered by Ant Design and responsive styling using Tailwind CSS.

02 — KEY FEATURES

  1. 01Mock authentication with form validation
  2. 02Project overview with view options
  3. 03Detailed project and task management with drag-and-drop functionality
  4. 04Tasks can be assigned to team members
  5. 05Search and filter tasks by status, due date, or assignee
  6. 06Responsive design using Tailwind CSS
  7. 07Interactive UI elements using Ant Design
  8. 08State management with Zustand
Next projectTask Manager