Giter Site home page Giter Site logo

wandersonalwes / myroom Goto Github PK

View Code? Open in Web Editor NEW
3.0 1.0 1.0 4.79 MB

:fire: Comunicação em Tempo Real com a API WebRTC

Home Page: https://myroom.wandersonalwes.com.br/

License: MIT License

CSS 0.06% TypeScript 99.94% JavaScript 0.01%
livestream nextjs shadcn-ui socket-io streaming supabase typescript webrtc websocket

myroom's Introduction

myroom

🔥 Comunicação em Tempo Real com a API WebRTC

Sumário

Pré-requisitos

  • Git
  • NodeJS

Introdução

Este aplicativo tem como objetivo permitir que pessoas se comuniquem em tempo real por meio de vídeo, áudio e mensagens.

As principais tecnologias utilizadas para o seu desenvolvimento são a API WebRTC para comunicação de pares e o socket.io para compartilhamento de informações em tempo real.

Começando

Siga estes passos para configurar e executar o projeto localmente:

Clonando o Repositório

Clone o repositório:

git clone [email protected]:wandersonalwes/myroom.git

Instalando as Dependências

Navegue até o diretório frontend:

cd frontend

Instale as dependências do frontend:

npm install

Navegue até o diretório backend:

cd backend

Instale as dependências do backend:

npm install

Configurando as Variáveis de Ambiente

No diretório frontend, copie o arquivo de exemplo .env.example para um arquivo .env.local:

cp .env.example .env.local

No diretório backend, também copie o arquivo de exemplo .env.example para um arquivo .env:

cd ../backend
cp .env.example .env

Abra os arquivos .env em ambos os diretórios e altere as variáveis de ambiente conforme necessário para o seu ambiente local.

Executando o Projeto

No diretório frontend, execute o frontend:

npm run dev

No diretório backend, execute o backend:

npm run dev

Agora o projeto deve estar em execução localmente. Certifique-se de configurar corretamente as variáveis de ambiente para evitar problemas de execução.

Referências

Para uma compreensão mais aprofundada sobre o funcionamento da API WebRTC, recomendo explorar a documentação oficial do MDN Web Docs. Lá, encontrará uma variedade de recursos, exemplos práticos e explicações detalhadas que me ajudaram a entender e utilizar efetivamente a WebRTC em meu desenvolvimento.

Problemas

Sinta-se à vontade para registrar uma nova issue com o respectivo título e descrição no repositório myroom. Se você já encontrou uma solução para o seu problema, adoraria revisar sua solicitação de pull! Dê uma olhada em nossas diretrizes de contribuição para saber mais sobre os padrões de codificação.

Contribuindo

Verifique a página de contribuição para ver os melhores lugares para registrar problemas, iniciar discussões e começar a contribuir.

Licença

Esse projeto está sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.

Autor

Foto do Wanderson Alves no GitHub
Wanderson Alves

Se você gostou deste projeto, ficaria muito agradecido se pudesse deixar uma ⭐ no repositório e compartilhá-lo com seus amigos!

myroom's People

Contributors

wandersonalwes avatar

Stargazers

Lucas Lopes avatar Edilaine Fernanda avatar  avatar

Watchers

 avatar

Forkers

lin982711

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.