Nylas AI email and scheduling client frontend

This application uses Nylas API and ChatGPT

Features

This application comes with the following features:

• Send and receive emails
• Create and read calendar events
• Schedule meetings
• Auto responder with the power of Chart GPT
• Built with typescript with strict eslint rules
• Dark mode theme support
• Fully responsive on mobile devices

Setup

• Clone the repo
• install dependencies
• fill in environment variables in .env.example

Build and dev scripts

• gen-env - to generate environment variable typings
• generate-scss-types - to generate scss types
• dev – start dev server
• build – bundle application for production
• analyze – analyzes application bundle with @next/bundle-analyzer
• start - run the production build

Testing scripts

• typecheck – checks TypeScript types
• lint – runs ESLint
• prettier:check – checks files with Prettier
• jest – runs jest tests
• jest:watch – starts jest watch
• test – runs jest, prettier:check, lint and typecheck scripts

Other scripts

• storybook – starts storybook dev server
• storybook:build – build production storybook bundle to storybook-static
• prettier:write – formats all files with Prettier

Tech stack

• Nexts App router
• Typescript
• Mantine UI
• Nodejs express
• OpenAI chatGTP for auto responder
• Nylas Nodejs API
• Storybook
• Eslint
• Saas
• Zustand for state management
• Many others..

Login light theme

Login dark theme

Create and send new email

Inbox dark mode

Side menu on mobile devices

Email details

Schedule meetings

Create new calendar event

Upcoming calendar events

Not found page

Demo Videos

Part One

https://www.loom.com/share/ca719f6ef9334ebeb6ee9671429fed0f

Part two

https://www.loom.com/share/4c04919be92d4a28b5101e35446fac3e

Backend repository

https://github.com/herberthk/nylas-backend

Support me (If helpful to you)

https://wise.com/pay/me/kavumah1

Don't forget to star this repo

License MIT