Neste projeto, você vai desenvolver um gerenciador de senhas. Ao utilizar essa aplicação, uma pessoa usuária deverá ser capaz de:
-
Cadastrar senhas para serviços que ela utiliza na internet.
-
Visualizar as próprias senhas cadastradas e as informações do serviço utilizado.
-
Esconder as senhas salvas.
-
Remover os dados armazenados anteriormente.
- Front - Aula 2.1 - Introdução ao React
- Front - Aula 2.2 - Props e Componentes no React
- Front - Aula 2.3 - Aprofundando em Componentes
- Front - Aula 2.4 - Solar System
- Front - Aula 2.5 - Estados e Eventos em React
- Front - Aula 2.6 - Formulários em React
- Front - Aula 2.7 - Store Back Office
- Abrir o PR para esse projeto
- Criar seu cronograma de planejamento, use como base a seção 9 de Frontend
-
1. Crie um título para a aplicação
-
2. Crie um componente Form
-
3. Renderize condicionalmente o formulário
-
4. Valide os campos do formulário
-
5. Crie um display para a validação da senha
-
6. Implemente a função do botão "Cadastrar" do formulário
-
7. Permita apagar um serviço cadastrado
-
8. Implemente um checkbox para esconder/mostrar as senhas
-
9. No formulário, implemente um botão para esconder/mostrar a senha que está sendo digitada
-
10. Exibe um alerta ao cadastrar um novo serviço corretamente
O projeto possui 08 requisitos obrigatórios, para ser aprovado dentro do prazo regular vai ser necessário fazer 7 requisitos obrigatórios.
- Dúvidas comuns - Se outras pessoas tiveram, é possível que você também tenha!
- Ao rodar o
npm install
,npm start
,npm test
, ter certeza que entrou na pasta correta do projeto;
- Ao rodar o
Ao final desse projeto, você vai ter uma aplicação muito estruturada usando boas práticas de desenvolvimento e que pode (e deve) ser compartilhado com muito orgulho no seu Linkedin. Portanto, vamos com tudo para esse projeto!