Elaborado pela imersão React, proporcionado pela Alura.
Veja o projeto https://aluracord-bybrunocosta.vercel.app/
- Styled-jsx (para não dar conflito no CSS)
- MaterialUI (circular progress)
- SweetAlert2 (popUp de aviso)
- Coolors (para gerar paleta de cores)
- SkynexUI (PARA gerar icones e responsividade)
- Publicação via Vercel (criadora do Next.js)
- Supabase (banco de dados)
- Clone o projeto com
git clone
- Acesse o terminal e digite
npm i
para baixar todas as dependências de acordo com o package.json - Após ter instalado as dependências, digite no terminal
npm run dev
para executar a aplicação
- Exibe o nickname e foto com base nos dados do GitHub ✔️
- Envia e deleta mensagens ✔️
- STICKERS ! ✔️
- Apenas entra no chat quem tiver usuário válido no GitHub ✔️
- Somente é possível deletar as mensagem do próprio usuário ✔️
A configuração para o banco de dados está oculta por questões de segurança. Através do Supabase, configure as variáveis de ambiente SUPABASE_URL
e SUPABASE_ANON_KEY
com as chaves e a URL informada pelo banco.