Let’s talk
← All work

Project · Productivity app · 2024

MERN Task Manager

A task manager with drag-and-drop boards, status tracking and secure sign-in.

MERN Task Manager, Productivity app

What it is

A full-stack task manager on the MERN stack: MongoDB, Express, React and Node.js. Tasks live on a Kanban board with To Do, In Progress and Done columns that you rearrange by drag and drop.

How it is built

  • Sign-in with JSON Web Tokens kept in HTTP-only cookies, so scripts on the page cannot read them.
  • Optimistic updates and caching with TanStack Query, so the board reacts instantly.
  • Search by title or description and filter by status.
  • Forms validated with React Hook Form and Zod; a responsive interface in Tailwind CSS.