Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/felipebpassos/simple-websockets-chat-app
Aplicação web simples de chat em tempo real usando sockets em servidor node.
https://github.com/felipebpassos/simple-websockets-chat-app
html node socket-io tailwind websockets
Last synced: 9 days ago
JSON representation
Aplicação web simples de chat em tempo real usando sockets em servidor node.
- Host: GitHub
- URL: https://github.com/felipebpassos/simple-websockets-chat-app
- Owner: felipebpassos
- Created: 2024-10-21T08:25:26.000Z (4 months ago)
- Default Branch: master
- Last Pushed: 2024-10-30T14:07:37.000Z (4 months ago)
- Last Synced: 2024-12-17T01:12:05.341Z (2 months ago)
- Topics: html, node, socket-io, tailwind, websockets
- Language: JavaScript
- Homepage: https://simple-websockets-chat-app-a1z6.onrender.com/
- Size: 113 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
💬 Chat Room
![]()
![]()

[Teste aqui](https://simple-websockets-chat-app-a1z6.onrender.com)## Descrição
**Chat Room** é uma aplicação web simples de chat em tempo real que permite que usuários se conectem a salas e troquem mensagens de forma interativa e segura. O aplicativo utiliza **WebSockets (sockets.io)** em servidor node express para comunicação instantânea, incluindo medidas de segurança para prevenir ataques de XSS (Cross-Site Scripting).
## Funcionalidades
- **Criação de Salas**: Usuários podem criar e entrar em salas de chat.
- **Mensagens em Tempo Real**: Troca instantânea de mensagens entre usuários conectados.
- **Lista de Usuários Online**: Visualização de usuários ativos em cada sala.
- **Segurança**: Mensagens são sanitizadas para proteger contra códigos maliciosos.## Tecnologias Utilizadas
- **Backend**: Node.js, Express
- **WebSockets**: Socket.io
- **Segurança**: xss (para proteção contra XSS)
- **Frontend**: HTML, CSS (com Tailwind CSS) e JavaScript## Pré-requisitos
- [Node.js](https://nodejs.org/) (versão 14 ou superior)
## Instalação
Siga os passos abaixo para configurar o ambiente e executar o projeto:
1. **Abra o terminal e vá para um diretório a sua escolha**
2. **Clone o repositório:**
```bash
git clone https://github.com/felipebpassos/simple-websockets-chat-app.git
cd simple-websockets-chat-app4. **Instale as dependências:**
```bash
npm install3. **Inicie o servidor:**
```bash
node server.js5. **Acesse o aplicativo:**
- Abra seu navegador e vá para `http://localhost:3000`.## Uso
1. Digite o nome da sala que deseja entrar ou criar e abaixo seu nickname.
1. Digite o nome da sala que deseja entrar ou criar e abaixo seu nickname.
2. Clique no botão "Entrar na Sala".
3. Envie mensagens e veja as mensagens de outros usuários em tempo real.## Contato
Criado por [Felipe Barreto Passos](https://github.com/felipebpassos). Se você tiver dúvidas, sinta-se à vontade para entrar em contato.