gabrielcruzg3 / aluracord-matrix

Aluracord - @gabrielcruzg3

Projeto desenvolvido durante a Imersão React Alura 4.

Tecnologias utitlizadas:

React e Nextjs

• Desafios

  • Validação do campo: Só mostrar a imagem se tiver mais de 2 caracteres

  • Desafio Master: Pegar outras informações do usuário batendo na API do GitHub

  • Colocar algo na página 404

    • Modificar pág 404

  • Colocar o botão para enviar a mensagem

  • Colocar um botão de apagar mensagem

  • Mostrar o loading de mensagens (Tem que fazer o mais criativo ein!)

  • Fazer um efeito quando passar o mouse em cima (Use esse link como referência: https://pt-br.reactjs.org/docs/events.html#mouse-events)

Changelog:

• 28/01/2022

  • sendStickerButton.js alura layout added

  • botão pra enviar sticker na pag chat funcional

  • chatting realtime

---

• 27/01/2022

  • useEffect() para lidar requisições externas e atualizar o estado

  • inserção via API Supabase

  • sort por data

  • scroll decrescente

---

• 26/01/2022

  • layout pag chat

  • tela de chat(local "backendless") com:

    • profile pic
    • username
    • texto
    • data
    • scroll invertido (mostra as mensagens atuais e rola de baixo para cima)

---

• 25/01/2022

  • useState() para lidar com o input de username

  • globalStyle em estratégia separada e aplicando globalmente (thanks Next)

  • adicionado pag de chat

  • useRoute() para dar o conceito de SPA

  • adicionado pagina 404

---

• 24/01/2022

  • layout tela login completo