Sobre • JS Expert III • Instalação • Tecnologias • Autor
Projeto desenvolvido durante a semana JS Expert 03 cujo objetivo foi criar um chat de terminal.
Chat de CLI em real-time construído com Javascript durante evento JS Expert III.
Durante essa semana entendemos na pratica como construir CLI utilizando Javascript. Para isso utilizamos um projeto prático onde construímos um chat de linha de comando.
Para ver o app em funcionamento precisamos subir o servidor e logo após conectarmos como clientes em instâncias de terminal diferentes.
No arquivos package.json da pasta client, na seção scripts temos os usuários previamente cadastrados para executarmos nossa aplicação. Você pode alterar as salas que os usuários serão direcionados e alterar os nomes também, como preferir.
Vamos agora ver como o projeto funciona com o GIf abaixo:
O primeiro terminal é o terminal que inicializa o servidor e recebe os logs de usuários que conectaram e desconectaram da aplicação. No terminal a direita do server em execução, 'logamos' na aplicação como user01 e nos terminais seguintes como user02 e user03.
Em cada instância do chat teremos três colunas e o campo para o usuário digitar sua mensagem, onde da esquerda para a direita representam:
- Todas as mensagens enviadas na sala pelo o usuário logado e pelos outros usuários presente na sala.
- Logs de atividades: Indicará quando usuários conectarem e desconectarem da sala atual.
- Usuário atualmente logados e conectados na sala atual.
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.
# Clone este repositório
$ git clone git@github.com:MrRioja/js-expert.git
# Acesse a pasta do projeto no terminal/cmd
$ cd js-expert
# Vá para a pasta server
$ cd hacker-chat/server
# 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 9898 ou na porta definida no arquivo .env na variável PORT - acesse <http://localhost:9898># Clone este repositório
$ git clone git@github.com:MrRioja/js-expert.git
# Acesse a pasta do projeto no terminal/cmd
$ cd js-expert
# Vá para a pasta client
$ cd hacker-chat/client
# Instale as dependências
$ npm install
# Caso prefira usar o Yarn execute o comando abaixo
$ yarn
# Execute a aplicação como um usuário e acesse o chat pela CLI
$ npm run user01
# Caso prefira usar o Yarn execute o comando abaixo
$ yarn user01
# Na seção script do package.json disponível na raiz da pasta client temos os usuários possíveis, bem como seus nomes de usuário cadastrados no chat e as salas as quais eles serão adicionados
