Pular para o conteúdo principal

WhatsApp Web (Clone React)

Esse é um clone da interface do WhatsApp feito em React e TypeScript. Ele tenta ser o mais fiel possível ao original, mas algumas coisas não ficaram tão idênticas, como os ícones por exemplo (nesse caso, usei o Material Icons).

whatsapp

React CSS3 TypeScript

Recursos

  • Você pode selecionar as conversas e ele vai exibir a conversa referente àquele contato.
  • Ele carrega as conversas a partir de um arquivo JSON usando o fetchAPI do JavaScript.
  • Ele usa o useContext para o gerenciamento global de estado na aplicação.

Código-fonte e downloads

Você pode obter o código-fonte desse clone do WhatsApp feito em React no repositório oficial aqui ou vê-lo em ação ao vivo em seu navegador aqui.