An open API service indexing awesome lists of open source software.

https://github.com/th0ber/chat-socket-io

Aplicação web de chat em tempo real, envio de mensagens apartir de formulário html e armazenamento de mensagens em um banco de dados MongoDB
https://github.com/th0ber/chat-socket-io

express-js html-css-javascript mongodb mongoose node-js socket-io

Last synced: 3 months ago
JSON representation

Aplicação web de chat em tempo real, envio de mensagens apartir de formulário html e armazenamento de mensagens em um banco de dados MongoDB

Awesome Lists containing this project

README

          

Chat Socket-io

Aplicação web onde os usuários podem trocar mensagens em tempo real em um único ambiente, há dois formulário o primeiro é onde você digita o seu nome de usuário e o segundo formulário você digita a sua mensagem, depois dos dois formulários enviados os dados vão para o back-end através da emissão de uma mensagem socket, no back-end os dados são atualizados em um banco de dados mongodb, e o back-end emite outra mensagem socket para o front-end de atualização da tela através dos dados que estão no banco de dados.

Tecnologias Utilizadas 👨‍💻

Front-end: Html, Css e Javascript

Back-end: NodeJs, ExpressJs, Socket-Io, MongoDB (mongoose)



![Captura de Tela (7)](https://github.com/user-attachments/assets/6f938067-d0ec-4794-bf1b-5f00a483e55e)

Como Rodar o Projeto 🚀


1. Baixe todos os arquivos do repositório




2. Caso não tenha o Nodejs na sua maquina ⬇️


Baixar NodeJs




3. Gerencie os pacotes com o comando npm init




4. Instale os módulos das tecnologias requiridas no projeto com o comando npm install express socket.io mongoose --save




5. Digite o comando node index.js no terminal do seu editor de código




6. Acesse o projeto no endereço http://localhost:3000/