Gael1512/chat-suporte

Chat de Suporte

O Projeto chamado de Chat de Suporte é uma idealização do dev Josh (@D4RK069) e desenvolvido por (@D4RK069) e o dev Antônio (@AntonioLemos316). O projeto está sendo desenvolvido como uma alternativa às aplicações de chat que já existem no mercado. A princípio, funciona apenas como um chat como todos os outros, porém está sendo idealizado diferenciais para o projeto. Algo que o torne diferente dos outros e especial.

Diagrama 📉

Abaixo está o Diagrama relacionado ao projeto:

Tecnologias utilizadas 💻

• Node Js : (https://nodejs.org/en/download/)
• JavaScript : (https://developer.mozilla.org/pt-BR/docs/Web/JavaScript)
• React : (https://react.dev/learn/installCation)
• Vite : (https://vitejs.dev/guide/)
• CSS : (https://developer.mozilla.org/pt-BR/docs/Web/CSS)

Requisitos 🧾

Para poder executar o programa, você tem que baixar e instalar o NODE JS, para que certos comandos funcionem, e precisa utilizar dois prompts de comando.

Instalação e Execução do Programa ⬇️

Aqui vai o passo à passo para a execução do programa:

1. Quando o código for baixado, você irá notar que existem duas pastas (backend e frontend).
2. Após a instalação do NODE JS, abra dois prompts de comando (Pode ser utilizando o Windows + R e digitando "cmd" ou Procurando por "Prompt de Comando" na barra de pesquisa).
3. Em cada Prompt de Comando, entre nos caminhos da pasta "backend" e "frontend"

4. Em ambos caminhos digitem: npm install para que seja instalado os pacotes node_modules (que é importante).

   

5. Após a instalação dos pacotes, em cada prompt será executado um novo comando:

   • No "backend", será executado o comando npm run start.
   • No "frontend", será executado o comando npm run dev.

7. Então, no Prompt de comando do "frontend", irá surgir um link que direciona para o programa.

   

   

Como funciona o programa ✅

O Programa se inicia com uma tela onde você pode se cadastrar (caso não tenha cadastro) ou logar (caso tenha cadastro). Não é necessário, após se cadastrar, preencher o login, pois após o cadastro, o usuário já é direcionado ao Chat (ou seja, você já fica logado na sua conta). Mas, caso já tenha um cadastro, basta se direcionar ao login e logar.

• Exemplo 1: Caso não tenha Cadastro.

  Neste caso, após preenchido os campos, e clicando em "SIGN UP", você será redirecionado ao chat com sua nova conta.

  

• Exemplo 2: Caso já tenha Cadastro.

  Neste caso, basta preencher suas informações na parte de Login e clicar em "LOGIN". Desta forma, você será redirecionado à sua conta.

  

⚠️ Problemas ⚠️

• O histórico das conversas não ficam salvos por enquanto.

• Os balões de conversa não estão bem posicionados.

  Esses são problemas a qual a equipe está ciente e pretende resolver o mais breve possível.

Documentação escrita por:

Rafael Braga de Souza (@Gael1512)