Projeto Tryunfo

planejamento-tryunfo-.md

Projeto Tryunfo 🕹️

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

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

• Criar componentes de classe em React;
• Utilizar JSX no React;
• Utilizar o método render() para renderizar seus componentes;
• Fazer uso de props corretamente;
• Fazer uso de PropTypes para tipagem;
• Manipular o uso do estado
• Manipular o uso de eventos
• Criar e manipular formulários no React

2. Que conteúdos revisar? 📚

2.1 - Aulas do Course

1. FE3.1 - Estado e Evento no React
2. FE3.2 - Formulário no React

2.2 - Mentorias/Materiais complementares

• Mentoria Invertida - Pokédex Components
• Mentoria Academia Front - Revisando React
• Workshop de CSS
• Extensões que vão te ajudar em Front-End - Pedro Sincero

2.3 - Conteúdos de soft skills

• Como tem sido sua comunicação nas mentorias, monitorias, grupos de estudo e Slack? Tem conseguido trazer com assertividade seus pedidos e ofertas de ajuda nos projetos? Relembre aqui como praticar a assertividade e conquistar credibilidade na sua comunicação.
• Que tal ler dicas de gestão pessoal e organização de uma ex-pessoa estudante da Trybe? Confira aqui o post da Lanai Conceição, no LinkedIn, sobre o uso do Google Calendar.
• Como você avalia sua produtividade? Relembre aqui as dicas e ferramentas para aumentar a produtividade de uma pessoa desenvolvedora, divulgadas na última edição do Trybe News.
• Você tem se dado conta das suas conquistas diárias? Relembre esse post (tribo A | tribo B) e comece seu projeto se lembrando dos vários degraus que você subiu até aqui.

2.4 - Dicas da Turma / Instrução (Em constante atualização)

• Como visualizar os componentes e suas props pelo navegador? - Marcos Bonaccorsi (Bona)
• Passo a passo do exercício de Introdução ao React - Seção 2 - Luana Mayumi (Lua)
• Portfolio pessoal com React - Rogério Camarano e Pablo Sa
• Vamos abrir o capô dos componentes? - Franciellem (Fran)
• Dica para o exercício do dia 3.2 - André Resende

3. Checklist ✅

3.1 - Planejamento

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

3.2 - Requisitos obrigatórios

• 01 - Crie o formulário que será usado para adicionar cartas ao baralho
• 02 - Adicione as props necessárias ao componente de formulário
• 03 - Crie e renderize o componente Card com as props necessárias
• 04 - Crie o preview da carta que está sendo criada pelo formulário
• 05 - Faça a validação do botão de Salvar no formulário
• 06 - Crie a função do botão salvar
• 07 - Crie a validação do Super Trunfo
• 08 - Exiba a lista de cartas que estão salvas no estado
• 09 - Crie um botão para remover uma carta do baralho

3.3 - Requisitos bônus

• 10 - Crie o filtro pelo nome da carta
• 11 - Crie o filtro por raridade da carta
• 12 - Crie o filtro de Super Trunfo
• 13 - Crie o filtro pelo nome da carta

4. Planejamento 📆

O projeto possui 9 requisitos obrigatórios, para ser aprovado dentro do prazo regular vai ser necessário fazer no mínimo 7 dos 9 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;
  • Lembrar de definir os propTypes 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!