Trata-se de um aplicativo do tipo chat desenvolvido para conversas entre usuários em tempo real. O RealChat permite que os usuários entre online quando quiser e, também, que veja os usuários que estão online em qualquer momento.

• Criação de tela de cadastro de usuário
• Criação da tela de login de usuário
• Criação de tela do chat
• O usuário só poderá acessar a tela do chat se estiver logado na aplicação
• As conversas entre os usuários são em tempo real
• Listagem dos usuários onlines
• Busca pelo nome das notas, links e tags

• Dados pessoais do usuário cadastrados em um Banco de Dados (MongoDB)
• Autenticação do usuário para logar na aplicação
• Interface possui sua própria API
• Middlewares de erros
• Salvar dados do usuário no DiskStorage
• Criação de rotas para a aplicação
• Utilização da funcionalidade do express
• Utilização do cors para que o backend consiga atender as solicitações do frontend
• Utilização do jsonwebtoken para autenticação e compartilhamento de informações

Esse projeto foi desenvolvido com as seguintes tecnologias:

• React.js
• JavaScript
• NodeJS
• MongoDB
• Spcket.io
• ExpressJS
• Axios
• Styled Components
• React Router Dom

Clone o projeto para o local desejado em seu computador.

$ git clone [email protected]:famalaquias/chat-app.git

# Navegue até o diretório do BackEnd
$ cd backend

# Instale as dependências necessárias
$ npm install

# Agora inicie o servidor do BackEnd
$ npm run dev

# Navegue até o diretório do FrontEnd
$ cd frontend

# Instale as dependências necessárias
$ npm install

# Agora inicie o servidor do FrontEnd
$ npm run dev

# O terminal irá exibir o endereço local onde a aplicação está sendo executada. Basta digitar o mesmo endereço em seu navegador preferido. O endereço usado na criação do projeto foi este:

 (Backend) http://localhost:3333/
  
 (Frontend) http://localhost:5173/

1. Adicionar o botão de sair na aplicação
2. Alterar o usuário para offline
3. Estruturar para conversa privada
4. Autenticação com JWT

Feito por Fabiane Malaquias 👋 LinkedIn e GitHub