/DrawClientApp

Esse é um projeto web simples desenvolvido em Angular que permite a criação de desenhos em tempo real onde você pode se conectar a salas virtuais, desenhar e ver as alterações acontecendo instantaneamente. Uma versão hospedada desse projeto pode ser visualizada no link https://draw.uaibits.com.br

Primary LanguageTypeScript

Draw App

Uma aplicação Web simples para exemplo de utilização de Websockets

Esse é um projeto web simples desenvolvido em Angular que permite a criação de desenhos em tempo real onde você pode se conectar a salas virtuais, desenhar e ver as alterações acontecendo instantaneamente. Uma versão hospedada desse projeto pode ser visualizada no link https://draw.uaibits.com.br

Recursos principais

Sala de Desenho:

Crie ou participe de salas virtuais onde você pode desenhar ou visualizar desenhos de outras pessoas.

Angular:

Uma estrutura de desenvolvimento web de código aberto usada para a construção do lado do cliente.

WebSockets:

Um protocolo de comunicação bidirecional que permite a transmissão de dados em tempo real entre o cliente e o servidor.

Como executar o projeto localmente

Para executar esse projeto localmente é necessário possuir também o ServerSide que pode ser visualizado aqui https://github.com/EduardoMGP/DrawServerSocket

  • Certifique-se de ter o ServerSide clonado e executando em seu sistema
  • Certifique-se de ter o Node.js instalado em seu sistema.
  • Clone este repositório em sua máquina local.
  • Abra o terminal na pasta do projeto e execute o comando npm install para instalar as dependências.
  • Em seguida, execute o comando ng serve para iniciar o servidor de desenvolvimento.
  • Abra o navegador e acesse http://localhost:4200 para visualizar o aplicativo Paint Online.