← Back to the blog
Side projects•Nov 14, 2026•1 min read

The Chat: aprendendo comunicação em tempo real com Socket.IO

Um chat construído do zero para entender backend e tempo real: sessões com Socket.IO, rotas protegidas por token e upload de imagens com Express.

Node.jsSocket.IOExpressBackend

O The Chat foi meu projeto para estudar backend com um foco específico: comunicação em tempo real. A inspiração veio dos apps que todo mundo usa — Telegram, WhatsApp e outros mensageiros —, observando o comportamento deles e tentando reproduzir a lógica por trás.

O contexto

Num chat, o usuário espera que a mensagem chegue agora. Isso muda tudo em relação a uma API tradicional, em que o cliente pergunta e o servidor responde: aqui, o servidor também precisa avisar o cliente quando algo novo acontece.

Os desafios

  • Sessões em tempo real. Implementar o Socket.IO para criar uma sessão em que dois usuários logados ao mesmo tempo pudessem trocar mensagens.
  • Upload de imagens e comunicação com o banco de dados usando Express como framework do Node.js.
  • Segurança. Proteger as rotas do sistema em todos os momentos com autenticação por token.

O que eu construí

Um sistema que armazena os dados dos usuários e permite cadastro, login e acesso às mensagens por uma interface web. No backend, rotas seguras e comunicação constante com o banco e com as sessões do Socket.IO; no frontend, as telas para os usuários se cadastrarem, entrarem e conversarem em tempo real.

O The Chat
O The Chat

O que aprendi

  • Tempo real é outro modelo mental: eventos no lugar de requisições.
  • Autenticação não é um detalhe para depois — ela atravessa todas as rotas e todas as conexões.
  • Um sistema "relativamente simples" por fora pode exigir várias tecnologias bem integradas por dentro.

O resultado

O chat funciona com dois usuários conversando em tempo real e segue recebendo melhorias no frontend e no backend. O próximo passo planejado é um site de apresentação, para que novas pessoas conheçam o projeto antes de se cadastrar. Teste em thechat-app.netlify.app.

Want to talk about one of these projects?

If a post reminded you of a similar challenge, reach out — I love talking about product and code.

Get in touch

Keep reading