Skip to content

crismgsp/aluracord

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

24 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Projeto AluraCord

Elaborado pela imersão React, proporcionado pela Alura.

Professores 👨🏽‍🏫

Projeto 🖱️

Veja o projeto https://aluracord-bybrunocosta.vercel.app/

Página de Login Chat

Tecnologias utilizadas 💻


+ Vercel Subapase

Extensões e outros packages utilizados 🔧

  • 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)

Configuração inicial

  • 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

Funcionalidades ⚙️

  • 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 ✔️

Aviso ⚠️

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.

SUPABASE

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 100.0%