Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/ikurotime/svelte-twilio-chat

A SvelteKit Chat Project with TailwindCSS and Twillio created for Midudev's July Hackathon
https://github.com/ikurotime/svelte-twilio-chat

supabase svelte sveltekit twilio-chat

Last synced: 28 days ago
JSON representation

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

Awesome Lists containing this project

README

        

TechTalks

project-image

A chat discord-like project built with Sveltekit

shieldsshieldsshields

πŸš€ Demo

[https://svelte-twillio-chat.vercel.app](https://svelte-twillio-chat.vercel.app)

Project Screenshots:

project-screenshot

project-screenshot

project-screenshot

project-screenshot

🧐 Features

Here're some of the project's best features:

- Create or join servers and chat in multiple channels
- Share your created server with an invite link
- Join to the 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 Steps:

1. Install the repo in your machine

```
git clone https://github.com/ikurotime/Svelte-Twilio-chat.git
```

2. Install the server repo in your machine

```
https://github.com/ikurotime/expressjs-twilio-service.git
```

3. Install the necessary tools for local development

```
https://supabase.com/docs/guides/local-development
```

4. Add the required .env variables

VITE_PUBLIC_TWILIO_ACCOUNT_SID=

VITE_PUBLIC_TWILIO_AUTH_TOKEN=

VITE_PUBLIC_TWILIO_API_KEY=

VITE_PUBLIC_TWILIO_API_SECRET=

VITE_PUBLIC_SERVICE_SID=

VITE_SUPABASE_URL=

VITE_SUPABASE_ANON_KEY=

VITE_BACKEND_URL=

5. Execute `npm run dev` in both enviroments

🍰 Contribution Guidelines:

Disclaimer,this is a learning project example of a chat app usign Twilio services and Supabase as BaaS. The code may contain bugs and it requires optimization.
To contribute create a new branch from 'main' make your changes and make a Pull Request.

πŸ’» Built with

Technologies used in the project:

* SvelteKit
* Supabase
* Twilio
* Express

πŸ›‘οΈ License:

This project is licensed under the MIT

πŸ’–Like my work?

If you like this project consider following me on social media. I share my knowledge and projects πŸ”₯πŸš€

https://twitter.com/ikurotime