Boas vindas ao repositório do projeto WebChat!

O projeto WebChat foi feito com a intenção de práticar os conhecimentos de Socket.io, sempre fiquei curioso para saber o que acontecia ao entrar no whatsapp e ver as pessoas mandando mensagem simultaneamente, então fiz esse projeto, se trata de um WebChat em tempo real, fique a vontade para testar.

Sumário

• Habilidades
• O que foi desenvolvido
• Durante o desenvolvimento
  • Linter (Análise Estática)
• Como utilizar

---

Habilidades

• Desenvolver um server socket usando o socket.io;

• Emitir eventos personalizados usando o socket.io;

• Usar o pacote socket.io do Node.js para criar aplicações que trafeguem mensagens através de sockets.

O que foi desenvolvido

Desenvolvido um chat capaz de:

• Usar um front-end para enviar mensagens a clientes conectados;
• Visualizar o histórico de mensagens da conversa;
• Visualizar os usuários online no momento;
• Alterar o nome de usuário no chat em tempo real;

Durante o desenvolvimento

Linter (Análise Estática)

Para garantir a qualidade do código, usamos o ESLint para fazer a sua análise estática.

Este projeto já vem com as dependências relacionadas ao linter configuradas nos arquivos package.json nos seguintes caminhos:

• WebChat/package.json

Para poder rodar os ESLint em um projeto basta executar o comando npm install dentro do projeto e depois npm run lint. Se a análise do ESLint encontrar problemas no seu código, tais problemas serão mostrados no seu terminal. Se não houver problema no seu código, nada será impresso no seu terminal.

Você também pode instalar o plugin do ESLint no VSCode, bastar ir em extensions e baixar o plugin ESLint.

Como utilizar

Entre no terminal, e vá até o diretório que vc quer que esteja este projeto, digite git clone e a url desse repositório (https://github.com/AndersonPedrosa35/WebChat), assim que carregar, entre no diretório do projeto e digite npm install para baixar e carregar as dependências do projeto.

Crie um arquivo .env para configurar as variáveis de ambiente, tenha como base o .env.example para criação das variáveis, assim que criado, basta colocar os seus dados, exemplo DB_URL coloque a sua rede local (localhost), DB_NAME coloque o nome do banco que ficará no MongoDB que vai ser armazenado as mensagens, e PORT será a porta que será executada a aplicação.

Entre no diretório do projeto, e digite yarn start ou npm start

Então o projeto será carregado na porta que você especificou no .env da sua rede local(localhost);