Sobre • Rocket Socket • Instalação • Tecnologias • Autor

Projeto criado durante um curso de websocket ministrado no bootcamp Ignite de NodeJS da Rocketseat.

O RocketSocket é um chat web construído com websocket e mongoDB.

A aplicação é bem simples e iremos passar por suas funcionalidades no decorrer desse tópico. Começamos pela página inicial, um simples formulário de login onde o usuário informará seu nome, email e uma URL para um foto que será utilizada em seu perfil:

Após o login o usuário é direcionado para a área principal da aplicação. Nessa tela ele poderá ver seu nome e foto no canto inferior esquerdo e no menu lateral esquerdo todo os usuário cadastrados até o momento, conforme exemplo a seguir:

Ao receber uma mensagem, um badge vermelho ficara proximo a foto do usuário que enviou a mensagem, como mostrado abaixo:

Para abrir o chat e visualizar uma conversa, basta clicar no usuário desejado que a conversa será exibida:

Deixo abaixo uma demonstração do app em funcionamento para ilustrar como tudo funciona:

Antes de começar, você vai precisar ter instalado em sua máquina as seguintes ferramentas: Git e Node.js. Além disso é bom ter um editor para trabalhar com o código como VSCode.

⚠ É necessário ter o mongodb instalado na máquina e em execução. Também alterar a string de conexão no arquivo http.ts

# Clone este repositório
$ git clone [email protected]:MrRioja/rocketSocket.git

# Acesse a pasta do projeto no terminal/cmd
$ cd rocketSocket

# Instale as dependências
$ npm install
# Caso prefira usar o Yarn execute o comando abaixo
$ yarn

# Execute a aplicação em modo de desenvolvimento
$ npm run dev
# Caso prefira usar o Yarn execute o comando abaixo
$ yarn dev

# O servidor iniciará na porta 3333 - acesse no browser <http://localhost:3333>

Luiz Rioja

Backend Developer