Back to Projects

Web

Todo List

Full-stack todos with auth and status filtering

Todo List project banner

Overview

A full-stack todo application where users can create accounts, manage tasks, and filter by status — built to practice Next.js 15 and modern React patterns while staying production-usable.

It solves the classic productivity CRUD problem with auth and clear task state, useful both as a learning vehicle and a real personal tool.

Built for anyone who wants a clean Next.js reference for auth + list management.

My Role

Built the full stack in Next.js — auth flows, task CRUD, status filters, and deployment on Vercel.

Tech Stack

Next.jsJavaScript

Key Features

  • User account creation and session handling
  • Create, update, and organize tasks
  • Filter todos by status
  • Responsive UI for mobile and desktop
  • Deployed and usable end-to-end on Vercel

Challenges & Solutions

  • Challenge

    Keeping list UI snappy while syncing authenticated CRUD operations.

    How I solved it

    Optimistic updates where safe, with rollback on failed requests so the UI stayed responsive.

  • Challenge

    Designing filters that stayed correct after edits and deletes.

    How I solved it

    Derived filtered views from a single source-of-truth task list instead of duplicating state per filter.