TASK BOARD

small paint dot
Task Board website image

Project Overview

A personal task management app for creating, organizing, and tracking tasks. Built as a hands-on project to practice the modern Next.js/React ecosystem, including Zustand,and React Query.

Tech Stack

  • Backend: Next.js Route Handlers (REST API), Prisma + PostgreSQL (Neon)
  • Frontend: Next.js (App Router), MUI, React Hook Form + Zod, Zustand (state management), React Query (server-state fetching)
  • Auth: NextAuth (Auth.js) v5, Credentials provider, JWT sessions

Features

  • Email/password authentication with protected routes
  • Task CRUD with validation enforced on both client and server
  • Confirmation dialogs for irreversible actions (delete, complete)
  • Priority filtering and sorting, with filter state persisted across navigation
home page icon
One step at a time