Svelte Twilio Chat screenshot

Svelte Twilio Chat

Author Avatar Theme by Ikurotime
Updated: 3 Aug 2022
9 Stars

A SvelteKit Chat Project with TailwindCSS and Twillio created for Midudev's July Hackathon

Categories

Overview

The provided content is an introduction and overview of a learning project example, a chat app using Twilio services and Supabase as Backend-as-a-Service (BaaS). It mentions the features of the app, installation instructions, and the technologies used. The project is open-source and licensed under MIT.

Features

  • Create or join servers and chat in multiple channels
  • Share your created server with an invite link
  • Join servers via invite link or invite code
  • Join servers logged with your Discord account or be completely anonymous
  • Light / Dark Mode
  • “User is typing…” text

Installation

To install the theme, follow the steps below:

  1. Clone the repository:

    git clone [repository-url]
    
  2. Install dependencies:

    npm install
    
  3. Set up environment variables:

    # Replace the values with your Twilio and Supabase credentials
    export VITE_PUBLIC_TWILIO_ACCOUNT_SID=<YOUR_TWILIO_ACCOUNT_SID>
    export VITE_PUBLIC_TWILIO_AUTH_TOKEN=<YOUR_TWILIO_AUTH_TOKEN>
    export VITE_PUBLIC_TWILIO_API_KEY=<YOUR_TWILIO_API_KEY>
    export VITE_PUBLIC_TWILIO_API_SECRET=<YOUR_TWILIO_API_SECRET>
    export VITE_PUBLIC_SERVICE_SID=<YOUR_TWILIO_SERVICE_SID>
    export VITE_SUPABASE_URL=<YOUR_SUPABASE_URL>
    export VITE_SUPABASE_ANON_KEY=<YOUR_SUPABASE_ANON_KEY>
    export VITE_BACKEND_URL=<YOUR_BACKEND_URL>
    
  4. Start the application:

    npm run dev
    

Summary

The content provides an overview of a learning project example for a chat app using Twilio and Supabase. It lists the features of the app, installation instructions, and mentions the technologies used. The project is open-source and licensed under MIT. It also encourages contributors to make changes and submit pull requests.