Desafio Técnico Salt Systems

JavaScript Vite React Firebase StyledComponents Yarn Git

Deploy: https://teste-saltsystems.vercel.app/

Detalhes do projeto

Foi desenvolvido uma aplicação de um chat em tempo real utilizando o banco de dados em tempo real do Firebase
  • Criação de um chat em tempo real
  • Desenvolver um chatbot com comandos utilizáveis
  • Armazenar as informações dos usuários e suas respectivas mensagens

Adicionais

Para completar o desafio, algumas ações extras foram realizadas:
  • Para o cadastro do usuário, utilizei o recurso do "Login com o Google", da biblioteca Firebase
  • Para amostras de erros ou mensagens para o usuário, utilizei a biblioteca React-toastify
  • Para melhor experiência do usuário, adicionei a feature de Emojis para o chat, utilizando a biblioteca Emoji Picker React
  • Responsividade para melhor experiência do usuário em várias plataformas.
  • Deploy (Link no início desde documento)

Testando localmente

Caso queira testar essa aplicação localmente em sua máquina, os seguintes passos devem ser seguidos:
  1. Fazer o FORK (clonar) deste repositório;
  2. Dentro do diretório clonado na sua máquina, digite yarn;
  3. Para inicializar a aplicação, digite yarn dev;
  4. Pronto! A aplicação está aberta! basta abrir o navegador e digitar no campo url: http://localhost:5173.

Tecnologias utilizadas

  • Javascript
  • React.js
  • Styled Components
  • Firebase
  • React Router Dom
  • Firebase Hooks

Screenshots

Página de Login do usuário

login-page

Modal mostrado ao abrir a página do chat

modal-chatbot

Página do chat, com comandos do chatbot

chat-with-chatbot