frontend-react-formularios's Introduction

Formulários React

✏️ Exercício (originalmente desenvolvido em 10 de Junho de 2022)
Exercício proposto pela Cubos Academy, tem como objetivo praticar a criação de formulários com o React.

🖥️ Tecnologias usadas

Exercícios de classe 🏫

Exercício 1 - trata-se de criar uma tela de login, com algumas validações.

Regras:
- Validar se os inputs estão preenchidos e exibir erro no console caso não estejam
- Exibir e ocultar senha do input
- Exibir mensagem de sucesso no console

Veja na imagem abaixo o layout:

Exercício 2 - Trata-se de uma tela de cadastro do usuário:

Regras:
- Validações para os inputs não ficarem em branco
- Em caso de sucesso exibir uma imagem com um texto (vide figma)
- Criar um input que oculte e exiba senha

Veja na imagem abaixo o layout:

Obs.: 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