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