Hashchat

Status do Projeto: ✔️ concluído

Tópicos

🔹 Descrição do projeto

🔹 Funcionalidades

🔹 Deploy da Aplicação

🔹 Pré-requisitos

🔹 Como rodar a aplicação

...

Descrição do projeto

Bate papo online feito durante intensivo de javascript da plataforma Hashtag.

Funcionalidades

✔️ Envio de mensagens instantaneas

✔️ Visualização da mensagem

✔️ Troca de mensagens entre indivíduos que estiverem na mesma rede

Layout ou Deploy da Aplicação 💨

Link do deploy da aplicação: https://natsmarinho.github.io/hashchat/

Pré-requisitos

⚠️ Node

Como rodar a aplicação ▶️

No terminal, clone o projeto:

git clone https://github.com/React-Bootcamp-WoMarkersCode/certificate-generator

Depois inicie o node:

node

Coloque os arquivos na branch do git:

npm i gh-pages --save-dev

Execute o deploy definida no arquivo package.json do projeto:

npm run deploy

Casos de Uso

Bate papo entre pessoas da mesma rede, podendo ser usada em empresas para troca de mensagens comerciais, etc.

Iniciando/Configurando banco de dados

cria um novo arquivo package.json:

npm init -y

Instale o framework Express.js no projeto:

npm install express

Instale o socket.io para interligação:

npm install socket.io

\\No javascript:
const servidorHttp = http.createServer(aplicacao);
const io = require('socket.io')(servidorHttp)

io.addListener('connection', (socket) => {
    console.log('Um usuário conectou');
    socket.addListener('nova mensagem', (msg) => {
        io.emit('nova mensagem', msg)
    });
})

aplicacao.use(express.static('public'))

servidorHttp.listen(1000, '192.168.0.117');

Instale a build:

npm run build

npm install

Linguagens, dependencias e libs utilizadas 📚

...

Desenvolvedores/Contribuintes

Hashtag treinamento

natsmarinho/hashchat