Projeto Bate-papo UOL
O projeto implementado é um chat em tempo real, inspirado no UOL Chat. Permite ao usuário entrar em uma sala de chat, enviar e receber mensagens e visualizar mensagens anteriores trocadas na sala. É baseado em tecnologias JavaScript puras e não usa bibliotecas ou outras linguagens que compilem para JavaScript. Além disso, utiliza a API do Chat UOL para manter a conexão do usuário e implementar algumas funcionalidades.
Para testar o projeto funcionando, acesse este link: https://projeto5-batepapouol-navy.vercel.app/
Sobre
O projeto foi motivado pela necessidade de desenvolver habilidades puras em JavaScript e explorar o desenvolvimento de chats em tempo real. O projeto implementa os seguintes recursos:
- Entrada na sala: Quando o usuário acessa a página, é solicitado que ele insira seu nome, e em seguida o nome é enviado ao servidor para cadastro do usuário. Se o servidor responder com sucesso, o usuário poderá entrar na sala. Caso contrário, ele deverá escolher outro nome.
- Envio de mensagens: O usuário pode enviar mensagens para a sala de chat. Quando o servidor responde com sucesso, as mensagens da sala de chat são atualizadas e a nova mensagem é exibida.
- Visualização de mensagens: o bate-papo exibe mensagens anteriores da sala de bate-papo, bem como mensagens enviadas recentemente. Existem três tipos de mensagens: mensagens normais, mensagens reservadas e mensagens de status (como "Entrado" ou "Saído" da sala). Cada tipo de mensagem tem um plano de fundo diferente e as mensagens reservadas só são exibidas se o remetente ou destinatário for o mesmo que o usuário.
- Atualização automática: a sala de chat é atualizada a cada três segundos para manter o usuário atualizado com as mensagens mais recentes.
- Mantendo a conexão: O servidor deve saber que o usuário ainda está online. Para isso, a cada 5 segundos o sistema deve enviar uma solicitação POST para a API do Chat UOL informando que o usuário está ativo.
- Pesquisa de mensagens: o usuário pode pesquisar mensagens anteriores na sala de chat.
Tecnologias
- JavaScript
- API de bate-papo UOL
Como executar o projeto
- Clone o repositório em sua máquina local.
- Abra o arquivo index.html em um navegador da web.
- Digite seu nome e clique em “Entrar na sala”.
- Envie e receba mensagens na sala de chat.
Como contribuir
Contribuições são sempre bem-vindas! Se você encontrar algum bug ou tiver sugestões para novos recursos, sinta-se à vontade para abrir um problema ou pull request.
Layout Móvel
