Projeto | Demo | Conhecimentos | Funcionalidades | Tecnologias | Layout | Licença
Projeto desenvolvido durante a Imersão React da Alura, focando em construir um chat para conversa em tempo real com mais pessoas na mesma página, utilizando tecnologias open source.
Para visualizar o projeto clique aqui!
- Criação de um projeto com Next.js;
- Criação de componentes com React utilizando CSS in JS;
- Passagem de propriedde para os componentes;
- Deploy do aluraCord na Vercel;
- Como utilizar o useState do React, Para controlar as alteraçãoes de variaveis e eventos dentro do componente;
- Como utilizar o useRouter do Nest.js, Para navegação entre paginas;
- Entender o que é uma SPA;
- Como trabalhar com eventos no React com onSubmit, onClick;
- Como trabalhar com arrays no useState;
- Entendendo o que é AJAX;
- Implementando Supabase no projeto para trabablar com banco de dados;
- Como efetuar HTTP requests;
- Entendendo o UseEffect do React;
- Entendendo um pouco sobre Web Sockets;
- Como adicionar stickers ao chat;
- Carregamento da foto do Github, após o 3 terceiro caractere informado;
- Lista de menssagens exixtente no banco de dados;
- Envio de mensagem precionando a tecla enter;
- Envio de mensagem clicando no botão de enviar (icone de um avião de papel);
- Envio de stickers;
- Deletar apenas mensagens que o usuário enviou;
- Voltar para pagina inicial;
Esse projeto foi desenvolvido com as seguintes tecnologias:
Você pode visualizar o layout original do projeto através desse link. É necessário ter conta no Figma para uma melhor visualização e testar modificações.
Esse projeto está sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.
Feito com ♥ Megazordy (Willian Anselmo da Silva)