Gmail Clone

Email that feels fast and familiar.

Gmail Clone is a minimal email client experience featuring inbox, labels, threaded conversations, and composing email. It demonstrates clean UI patterns and a type-safe server layer.

Features

  • Inbox, Sent, Starred, and Unread with label management
  • Threaded conversations with participants and message history
  • Search by sender, subject, and label
  • Compose, reply and forward message
  • Display email's content properly
  • Auth-protected actions and session-aware UI

Tech Stack

  • Framework: Next.js
  • API: tRPC (end-to-end typesafety)
  • Database: Prisma ORM
  • Auth: NextAuth
  • Language: TypeScript
nextjstrpcprismanextauthtypescript
Gmail inbox viewGmail thread view

Motivation

I wanted to explore email UX patterns like threading and keyboard-driven triage, while keeping a strictly typed server boundary and simple data model.

Learnings

  • Modeling email threads and labels in a relational schema
  • Building accessible keyboard shortcuts in React
  • Session-aware server calls using NextAuth and tRPC

Check it out

You can explore the live project here.

For access to a test Gmail account, please contact me.