/gmail

✉️ Gmail 클로닝

Primary LanguageTypeScript

Gmail Clone ✉️

Apply Next.js, TypeScript, Tailwind

1. Main functionalities

  1. Compose first mail (inside of fake redux d)
  2. Reply in thread
  3. Classify mails by criteria, Starred / Inbox / Sent / Important
Compose mail Reply in thread
picture alt picture alt

2. Details

  1. Beautiful Components (Tooltip, Modal)
  2. Keyboard Shorcuts of the Form Creator

Spacebar: Escape TextInput, Make new TextInput for email

3. Tech used

  • React
  • Next
  • TypeScript
  • Redux-toolkit
  • Tailwind CSS
  • AWS S3
  • AWS Cloudfront
  • AWS Route53
  • AWS Certificate Manager

4. Link

mail.jonghyeon.work