mymail — your email, your way

A clean, minimal Gmail client built with React + Vite.

Setup

1. Get your Google Client ID (one-time, ~20 mins)

1. Go to console.cloud.google.com
2. Create a new project (name it anything)
3. Go to APIs & Services → Library
4. Search "Gmail API" → Enable it
5. Go to APIs & Services → OAuth consent screen
   • Choose External → fill in App Name + your email → Save
   • Add scope: https://www.googleapis.com/auth/gmail.modify
   • Add yourself as a Test User
6. Go to APIs & Services → Credentials → Create Credentials → OAuth 2.0 Client ID
   • Application type: Web application
   • Authorized JavaScript origins: http://localhost:5173
   • Copy the Client ID

2. Add your Client ID

Create a .env file in the project root:

VITE_GOOGLE_CLIENT_ID=your_client_id_here.apps.googleusercontent.com

3. Run it

npm install
npm run dev

Open http://localhost:5173, sign in with Google, done.

---

Deploy to Vercel

npm install -g vercel
vercel deploy

Add VITE_GOOGLE_CLIENT_ID as an environment variable in Vercel dashboard. Also add your Vercel domain to the Authorized JavaScript origins in Google Console.

---

Features

• ✉️ Real inbox, sent, trash from your Gmail
• 🌙 Dark mode only (obviously)
• ↔️ Collapsible sidebar
• ➡️ Smooth email detail panel
• 💬 Reply to emails
• 0 ads, 0 clutter