chat Tailwind Templates

Chat

Clone do whatsapp web, com foco no front-end, desenvolvido em react, typescript e tailwind

Chat

Exemplo imagem

Website que representa um chat em tempo real estilo whatsapp, responsivo para celulares, tablets e computadores. No site vocĂȘ pode criar sua conta, adicionar amigos, criar grupos e o principal trocar mensagens em tempo real.

đŸ’» PrĂ©-requisitos

Antes de começar, verifique se vocĂȘ atendeu aos seguintes requisitos:

  • VocĂȘ instalou o node.
  • Breve conhecimento em sistemas web`.

🚀 Instalando

Para instalar o , siga estas etapas nas pasta raiz da api ou spa:

API:

npm i
npx prisma init --datasource-provider sqlite
npx prisma migrate dev --name init

Crie um arquivo .env:

DATABASE_URL="file:./dev.db"
JWT_SECRET_KEY="Qualquercoisa"

SPA:

npm i

Crie um arquivo .env:

VITE_API="http://127.0.0.1:3000"
VITE_WEBSOCKET="ws://localhost:5173/auth/signin"

☕ Usando

Para usar , digite o seguinte comando no terminal para a api e a spa:

npm run dev

Por fim, acesse a porta da SPA no localhost no seu navegador.

Adicione comandos de execução e exemplos que vocĂȘ acha que os usuĂĄrios acharĂŁo Ășteis. Fornece uma referĂȘncia de opçÔes para pontos de bĂŽnus!

đŸ€ Colaboradores

Foto do José Henrique no GitHub
José Henrique

Top categories

Loading Svelte Themes