Skip to content

Repository files navigation

🚀 Task Management Dashboard – Frontend

This project is a Task Management Dashboard built as part of a frontend machine test. It allows users to manage tasks with create, edit, delete, filtering, and sorting features.

🛠 Tech Stack

  • Next.js (App Router)
  • TypeScript
  • Tailwind CSS
  • shadcn/ui
  • LocalStorage (mock persistence)

✨ Features

  • Mock Login
  • Create Task
  • Edit Task
  • Delete Task
  • Change Status
  • Search by title
  • Filter by status
  • Sort by due date
  • Responsive UI
  • Clean component structure

📂 Folder Structure

app/ ├ login/ ├ dashboard/ components/ ├ ui/ ├ task-modal.tsx types/ ├ task.ts

▶️ Setup Instructions

npm install npm run dev

http://localhost:3000

📸 Screenshots

  • Login
Screenshot (1197)
  • Dashboard Screenshot (1198) Screenshot (1199)

  • Add Task Screenshot (1200)

About

A frontend task management app with CRUD operations, filtering, and sorting built using Next.js and TypeScript.

Topics

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages