Build your own Outlook with Claude Code
Email and calendar in one: unified inbox, focused and Other tabs, calendar and more.
The Claude Code prompt
Build my own take on Outlook: email and calendar in one. Give it an original name, logo, colours and copy, and do not use Outlook's name, branding or assets. Version one should have: - Unified inbox - Focused and Other tabs - Calendar - Rules - Contacts The hard part: Connecting accounts. Use the Microsoft Graph and Gmail APIs. How to build it: 1. Read this folder first. If it is empty, set up Next.js (App Router, TypeScript, Tailwind) with Postgres through Prisma or Supabase, and Supabase Auth or Auth.js for sign-in. Write a short PLAN.md with the data model, screens, third-party services and what you are leaving out of version one. 2. Build the core loop end to end before anything else: unified inbox, working with real data saved to the database. 3. Add the rest of the features one at a time, and seed realistic demo data so every screen looks alive. 4. Keep API keys in environment variables, and put any paid service behind a small interface with a local stub, so the app runs on a fresh machine without accounts. 5. Run it, click through every screen on desktop and mobile widths, fix what breaks, and finish with a summary of what works, what is stubbed and how to deploy it.
Paste it into Claude Code in an empty folder. It plans first, so read PLAN.md and steer before it starts building.
Version one
- Unified inbox
- Focused and Other tabs
- Calendar
- Rules
- Contacts
The hard part
Connecting accounts. Use the Microsoft Graph and Gmail APIs.
Make it yours: a niche Outlook ignores, an original name and brand, and one feature it does badly done well.
More to build
- Your own WhatsApp
A messaging app: one-to-one and group chats, read receipts and typing indicators, photo and voice note messages and more.
- Your own Gmail
An email client: inbox with threads, labels and search, compose with rich text and attachments, archive, star and snooze and more.
- Your own Discord
A community chat app with servers and channels: servers with text channels, roles and permissions, threads and reactions and more.
- Your own Zoom
A video meetings app: create and join meetings by link, video grid with mute and camera toggles, screen sharing and more.
- Your own Slack
A team chat app: workspaces with channels, threads, reactions and mentions, direct messages and more.
- Your own Telegram
A fast messaging app with channels and bots: chats and groups, broadcast channels, bots with commands and more.