Skip to content

Instantly share code, notes, and snippets.

@nunesfb
Created July 11, 2023 17:39
Show Gist options
  • Save nunesfb/bf9ae383ad70a5c073638c73502029bf to your computer and use it in GitHub Desktop.
Save nunesfb/bf9ae383ad70a5c073638c73502029bf to your computer and use it in GitHub Desktop.
GIST PASSWORD MANAGER 🔒

Projeto Password Manager 🔒

⚠️ ATENÇÃO: Esse checklist é apenas um template. Para replicar realize o fork deste gist! ⚠️

1. O que preciso saber para fazer o projeto? 🤔

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.

2. Que conteúdos revisar? 📚

2.1 - Aulas do Course

  1. Front - Aula 2.1 - Introdução ao React
  2. Front - Aula 2.2 - Props e Componentes no React
  3. Front - Aula 2.3 - Aprofundando em Componentes
  4. Front - Aula 2.4 - Solar System
  5. Front - Aula 2.5 - Estados e Eventos em React
  6. Front - Aula 2.6 - Formulários em React
  7. Front - Aula 2.7 - Store Back Office

2.2 - Mentorias/Materiais complementares

3. Checklist ✅

3.1 - Planejamento

  • Abrir o PR para esse projeto
  • Criar seu cronograma de planejamento, use como base a seção 9 de Frontend

3.2 - Requisitos obrigatórios

  • 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

3.3 - Requisitos bônus

  • 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

4. Planejamento 📆

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;

5. Comemorar 🍾

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!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment