/sample-appwrite-vonage-video-integration-demo

This repository contains code for a Appwrite Cloud and Vonage Video demo application

Primary LanguageTypeScriptApache License 2.0Apache-2.0

Vonage and Appwrite Cloud Demo

This repository contains code for a Appwrite Cloud and Vonage Video demo application

Basic Configuration

Requirements

Set up

  1. Sign up for a free Vonage Video API Account.
  2. Create a new Video Project:
    1. Go to "Projects", "Create New Project"
    2. Click "Create Custom Project"
    3. Name the application "Vonage Appwrite Demo"
    4. Click "Create"
    5. Copy down the API Key and Secret
  3. Sign up for a free Appwrite Cloud Account
  4. Create a new Project:
    1. Name the project "Vonage Video Demo", and click "Create"
    2. Click on "Web App" to add a platform
    3. Name the app "Vonage Video"
    4. Enter '*' as the Hostname
    5. Click "Next", and then "Skip Optional Steps"
    6. Click on "Project ID" at the top to copy down the project ID
  5. Create an Appwrite Cloud API Key:
    1. Click on "Settings", and then "View API Keys"
    2. Click on "Create API Key"
    3. Enter "Functions" for the name, and click "Next"
    4. Toggle "Auth", "Database", "Functions", and "Storage"
    5. Click "Create"
    6. Click on "API Key Secret" at the top to copy down the Appwrite API Key
  6. Copy appwrite.json.dist to appwrite.json
  7. Edit appwrite.json for your demo:
    1. Enter the project ID from before into the projectId key
    2. Enter your Vonage API Key into functions.variables.VONAGE_VIDEO_API_KEY
    3. Enter your Vonage API Secret into functions.variables.VONAGE_VIDEO_API_SECRET
    4. Enter your Appwrite API Key into functions.variables.APPWRITE_FUNCTION_API_KEY
  8. Copy .env.dist to .env
    1. Enter your Appwrite Project ID into VITE_APPWRITE_PROJECT_ID

Running the Demo

  1. Run the demo with npm run dev
  2. Access the page at http://localhost:5173