CHAT

Chat simples utilizando SocketIO

Um projeto de Chat Utilizando SOCKET.IO

Prints

Video

Messenger.-.Google.Chrome.2021-10-13.16-09-44.mp4

Tecnologias utilizadas:

Detalhes

Receber e enviar mensagens entre Front-end e back-end com o auxilio do socket.io e do Node.js;
Na sessão "Home", definimos o nome do usuário, a cor e o status para inicio na sala de chat.
O Dashboard do Chat apresenta um header com botões de logOff e membros on-line.
No corpo da página temos a div que receberá as mensagens.
A cada Mensagem recebida o som de "new message" é disparado como notificação.
No Footer temos considerações finais.

Estrutura do código

Node.js e o módulo express;
Arquivos Estáticos (Com HTML5, CSS e JS)

Interface

Foi utilizado Bootstrap5 para estilização do conteúdo da página.