https://github.com/minericefield/vue-express-video-chat-with-auth

https://github.com/minericefield/vue-express-video-chat-with-auth

agora authentication composition-api express openapi socket-io typescript vue vue-cli vue3

Last synced: 2 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/minericefield/vue-express-video-chat-with-auth
• Owner: minericefield
• Created: 2021-02-03T14:43:41.000Z (almost 4 years ago)
• Default Branch: master
• Last Pushed: 2021-06-22T13:55:27.000Z (over 3 years ago)
• Last Synced: 2024-04-09T15:09:48.393Z (7 months ago)
• Topics: agora, authentication, composition-api, express, openapi, socket-io, typescript, vue, vue-cli, vue3
• Language: TypeScript
• Homepage:
• Size: 1.68 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# vue-express-videoChat-withAuth

Learning theme of express.

## Development

#### Build

- Make your account and create a project from [agora](https://www.agora.io).

- Get the appId from it.

- Rename `/client/src/agora.config.sample.ts` to `agora.config.ts` and set the appId.

- Build or run the container

  - `$ docker-compose -f docker-compose.dev.yml --env-file=.env.dev up -d --build`

  - `$ docker-compose -f docker-compose.dev.yml --env-file=.env.dev up -d`

- Server progress would take a quite some time.   

  Make sure to see the logs.

  - `$ docker-compose -f docker-compose.dev.yml logs -f server`   

  It would be ready when the `!!! Server listening on port 3000 !!!` is shown.

#### Activate an account

- Access to `http://localhost:3000/register` and register an account.

- Access to `http://localhost:8025`

- Verify an account from the link in the email.

## Features

- Video chat communication with multiple people.

- Display the list of active channels that can be joined.

## Cores

- Vue3

- Composition api

- express

- socket.io

- agora