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 para contas em serviços diferentes utilizando React e outros conceitos aprendidos até aqui.

2. Que conteúdos revisar? 📚

2.1 - Gravações na plataforma de aprendizagem

• Introdução ao react
• Componentes React e Props
• Avançando em componentes
• Revisão Componentes React e Props
  • 🚀: Contém muito conteúdo importante para o projeto
• Estados e Eventos
  • 🚀: Contém muito conteúdo importante para o projeto
• Formulários
  • 🚀: Contém muito conteúdo importante para o projeto
• Revisão State e Formulários
  • 🚀: Contém muito conteúdo importante para o projeto

2.2 - Conteúdos de soft skills

• Você tem priorizado os projetos na sua rotina? Ainda tem dúvidas sobre como definir prioridades e metas na Trybe? Relembre aqui as categorias da gestão do tempo e como se organizar.
• Precisa se programar e se organizar melhor para o projeto? Revisite essa Thread com dicas e um planner de modelo disponível!
• Que tal se planejar utilizando o Trello para organizar a execução do seu projeto? Copie esse modelo para utilizar em sua organização. Não sabe como fazer? Esse vídeo demonstra como copiar e utilizar o Trello no projeto.

3. Checklist ✅

3.1 - Planejamento

• Abrir o PR para esse projeto
• Criar seu cronograma de planejamento, use como base a seção 2 deste GIST
• Consultar figma do projeto

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

4. Planejamento 📆

O projeto possui 08 requisitos e, no total, vale 30 pontos. Assim, cada requisito possui o valor de 3.75 pontos.

• Dúvidas comuns - Se outras pessoas tiveram, é possível que você também tenha!
  • Ao rodar o npm install, npm run dev, npm test, ter certeza que entrou na pasta correta do projeto;
  • Lembrar de definir as tipagens corretas em cada componente que estiver recebendo props;
  • Colocar a key sempre que estiver renderizando uma lista de elementos HTML no React;

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!