Aluracord - DeepBlue

Projeto criado na Imersão React 4 (@alura)

Legendas

• 🔷 Desafios comuns.
• 👑 Desafios Master.
• ➕ Modificações adicionais.

Desafios

Aula 1

• 🔷 Customizar o Aluracord com o SEU tema (Cores, Background, etc)
• 🔷 Modificar cores no arquivo config.json

Aula 2

• 🔷 Validação do campo: Só mostrar a imagem se tiver mais de 2 caracteres
  • ➕ Avatar do usuário somente é exibido se o usuário for um usuário válido.
• 👑 Desafio Master: Pegar outras informações do usuário batendo na API do GitHub
  • ➕ O Avatar agora possui um estado de Carregando enquanto a requisição é feita.
  • ➕ O Avatar agora possui um estado de Erro quando a requisição falhar.
  • ➕ Quando o usuário é válido, o nome de usuário também se torna um link para a página do GitHub.

Aula 3

• 🔷 Colocar o botão de OK para enviar a mensagem.
• 🔷 Colocar um botão de apagar mensagem.

Aula 4

• 🔷 Mostrar o loading de mensagens.
• 🔷 Fazer um efeito quando passar o mouse em cima (Mostrar informações do perfil do github).
  • ➕ Avatar mostra popover com informações do github do usuario.
• ➕ Mudança de biblioteca de componentes para Chakra UI.
• ➕ Implementação de realtime: mensagens são atualizadas em diferentes dispositivos

Aula 5 [Final]

• 🔷 Toogle de Dark/Light mode implementados com o Chakra UI.
• 🔷 Somente o usuário dono das mensagens pode apaga-las.
• 🔷 Variaveis de ambientes (chaves de acesso do Supabase) movidas para o vercel.