/austin-api-summit-2024

Get summaries of your email using various generative AI models.

Primary LanguageTypeScript

Vibebox

Your inbox + vibes.

System Overview

Architecture

Architecture

Backend stack

  • Node.js
  • Express
  • TBD KV store (via express-session compatible API)

Frontend stack

  • Next.js
  • React
  • Tailwind CSS

User flow

User flow

Client UI

Client UI

Setup

Prerequisites

Setup steps

  1. Clone the repository
git clone git@github.com:nylas-samples/vibebox.git
  1. Setup server

Install server dependencies:

cd backend
npm install

Write the following environment variables to a .env file in the backend directory:

# .env
NODE_ENV=dev
CORS_ORIGIN=http://localhost:3001
APP_DOMAIN_DEV=http://localhost:3001
APP_DOMAIN_PROD= # Not needed for local development
APP_NAME=Vibebox
NYLAS_CLIENT_ID= # Get from dashboard-v3.nylas.com
NYLAS_API_KEY= # Get from dashboard-v3.nylas.com
NYLAS_API_URI=https://api.us.nylas.com
OPENAI_API_KEY= # Get from OpenAI
HUGGINGFACE_API_KEY= # Get from Hugging Face
EXPRESS_SESSION_SECRET=

Start the server:

npm start

Serves on http://localhost:3000.

  1. Setup client

Install client dependencies:

cd frontend
npm install

Start the client:

npm run dev

Serves on http://localhost:3001.

Resources for further learning