Aluracord

Projeto desenvolvido durante a Imersão React 4 (2022), realizada pela Alura.

Utilização dos frameworks React.JS e Next.JS, bem como da lib SkynexUI/components, e integração com backend via supabase.

📝 Etapas do Projeto

Aula 01

####Atividades:

• Criação e estilização da página Home
• Deploy através da Vercel

Aula 02

####Atividades:

• Uso de hooks (useState) para trabalhar com os dados de input
• Validação do input
• Requisição de avatar e demais dados do usuário na api do github
• Roteamento para a página Chat

Aula 03

####Atividades:

• Aplicação do template da página de Chat
• Uso de hooks para guardar dados das mensagens
• Passagem de dados do usuário da página Home para a Chat via query do useRouter
• Adição do botão para deletar cada mensagem
• Adição do botão para enviar a mensagem

Aula 04

####Atividades:

• Integração com backend via supabase
• Adição de imagem para loading, antes do carregamento do chat
• Efeito de mouseOver sobre Avatar e username, para mostrar info do user e link pro github
• Delete de mensagem habilitado apenas para o usuário logado

Aula 05

####Atividades:

• Efeito de mouseOver sobre botão enviar
• Adição de Stickers
• Atualização do chat em tempo real

💻 Instalação do Aluracord

npm install

yarn install

☕ Utilizando o Aluracord

digite seu username e bata um papo com a galera