⭐ BatChat

🔍 Veja o projeto online !

🔗 https://bat-chat.vercel.app/

Descrição • Tecnologias • Rodando projeto • Autor

✔️ Descrição

Projeto desenvolvido durante a imersão React da Alura. Um chat em tempo real onde você entra informando um username do GitHub, sem autenticação, obtendo os dados da API do GitHub, podendo mandar mensagens e stickers que quando feito é emitido um efeito sonoro e ao receber é emitido outro efeito sonoro, podendo apagar somente a própria mensagem, além de quando clicado no perfil é aberto o github do usuário.

🔨 Tecnologias

• 🔹 HTML
• 🔹 CSS
• 🔹 JavaScript
• 🔹 NextJs
• 🔹 ReactJs
• 🔹 Supabase
• 🔹 SkynexUI

🎲 Rodando localmente

• Clone este repositório.

• Execute yarn install ou npm install para instalar as dependências.

• Inicie o projeto yarn dev ou npm run dev.

• Configure as variáveis de ambiente:

  Crie um arquivo .env na raiz do projeto

  Configure as seguintes variáveis no arquivo:

  SUPABASE_URL = "sua_url_supabase"
  SUPABASE_API_KEY = "sua_api_key"```
  

• Configure o SupaBase Crie uma Nova Tabela com o nome de mensagens Desabilite (RLS) Insira as colunas da tabela conforme descrito abaixo:

  Coluna	Tipo	Configurações
  id	int8	Primary Key (PK), Auto Increment
  created_at	timestamptz	Default: now()
  from	text
  texto	text
  username	text
  img	text

🛡️ Segurança

Certifique-se de proteger seu arquivo .env e nunca publique credenciais sensíveis em repositórios públicos.

😃 Autor

Wellington Santos 🚀