✏️ Exercício (originalmente desenvolvido em 27 de Junho de 2022)
Exercício proposto pela Cubos Academy, tem como objetivo praticar o uso de useEffect com React.
🖥️ Tecnologias usadas
-
Exercício 1 - Trata-se de criar modal simples, com a funcionalidade de abrir e fechar..
Regras:
- Funcionalidade de abrir e fechar
Veja na imagem abaixo o layout:
-
Exercício 2 - Criar um projeto que adicione usuários dentro de um quadro.
Regras:
- Ao adicionar o usuário o input deve ser limpado
- Ao adicionar um usuário uma notificação deve ser exibida na parte de baixo
- Seguir o layout básico.
- A notificação deverá ser exibida por até 2 segundos.
Veja na imagem abaixo o layout:
-
Exercício 3 - Esse exercício é um mini desafio, nele você irá praticar tudo o que aprendeu nessa aula e no curso.
Regras:
- Pensar bem na componentização do projeto
- Seguir o layout do figma
- Criar um modal que seja preenchido com as informações de um sapato, o modal deve ser exibido quando o sapato for clicado.
Veja na imagem abaixo o layout:
Obs.: No exercício 3 você poderá usar o figma para te orientar quanto ao layout, dentro desse repositório nós temos um arquivo chamado figma.fig, para importá-lo é muito simples, veja nas imagens abaixo:
- Abra o figma e clique em import file, escolha o arquivo e clique em OK.
- Pronto, quando terminar de importar o projeto aparecerá na sua tela principal do figma.
Obs.: Em caso de dúvidas, lembre-se de assistir os vídeos de orientação.
Preencha a checklist para fazer os exercícios:
- Fazer o fork do repositório para sua conta
- Executar
git clone
do seu fork no terminal para clonar o repositório, ou clonar de outra maneira - Após fazer e commitar todos os exercícios fazer o
git push
para seu fork - Copiar a url do seu fork e enviar na plataforma