• Sobre
• Ferramentas
• Modelagem
• Projeto

Projeto de um chat em tempo real, com sistema de autenticação JWT, feito com Django no back-end e React no front-end.

• Fast
• Django
• Django Channels
• Django Rest Framework
• Simple JWT
• Redis

• Vite ts
• Tailwind
• Styled-components
• Phosphor-react
• date-fns
• react-router-dom
• react-hook-form
• hookform/error-message
• zod
• date-fns
• axios
• headlessui
• react-use-websocket

• Username
• Senha

• created_by FK(User)
• code CHAR
• image CHAR
• messages JSON
• users M2M
• created_at

• Cadastro de usuários

  /api/create-user

  Formulário sendo validado por zod

  
  

• Login

  /api/get-token

  Autenticação usando simple-JWT e useContext

  
  

• Criando um chat

  /api/create-chat

  Criando um chat enviando apenas o base64 da imagem, o código do chat é gerado automaticamente no backend

  
  

• Listagem de chat

  /api/chats/{username}

  Listagem de todos os chats que o usuário participa

  
  

• Entrar em um chat

  /api/register-user-in-chat/{code}

  Usando outro usuário, é feito o registro do usuário logado que fez a requisição, apenas enviando o código do chat

  
  

• Chat em tempo real

  ws://localhost:8000/chats/{code}

  Para acessar a sala basta apenas enviar o token

  
  

• Autenticação

  Redirecionamento para tela de login ao tentar acessar url que requer autenticação