KH

Kaif Hasan

Portfolio

ProjectsContactLogin

Kaif Hasan / Full Stack React JS & React Native Developer

GitHubLinkedInEmail
Back to portfolio
Full StackLive

Todo Studio / Task Vault

Todo Studio, also presented as Task Vault, is a full-stack Todo application I built as a major backend learning milestone. The frontend stays simple and functional while the backend focuses on real-world Express.js structure, JWT authentication with HTTP-only cookies, secure password handling, protected routes, user-specific data isolation, PostgreSQL persistence, Prisma migrations, advanced Todo management, and production deployment across Vercel, Render, and Supabase.

Next.jsReactTypeScriptNode.jsExpress.jsPostgreSQLPrismaJWTVercelRenderSupabase
Visit live project

Project highlights

  • JWT authentication with register, login, logout, current-user APIs, and HTTP-only cookies.
  • Password hashing with bcrypt, protected routes, and user-specific Todo data isolation.
  • PostgreSQL and Prisma-backed CRUD APIs with due dates, priorities, tags, search, filters, sorting, pagination, and summary statistics.
  • Production deployment using Vercel for the frontend, Render for the backend, and Supabase PostgreSQL for the database.

Gallery

Todo Studio / Task Vault screenshot 1
Todo Studio / Task Vault screenshot 2
Todo Studio / Task Vault screenshot 3