Repositório do projeto Tryunfo 🃏

🚧 Estilização em desenvolvimento ! 🚧

Módulo: Front-end

Repositório possuí projeto desenvolvido no período que estive na Trybe, abordando conceitos de React com criação de componentes e manipulação de estados em classes e passagem de props.

Informações de aprendizados

• Este é um projeto desenvolvido para praticar React e Passagem de props;
• Segundo projeto utilizando React;

Linguagens e ferramentas usadas

O que foi desenvolvido

Neste projeto, desenvolvi um jogo no estilo Super Trunfo! Ao utilizar essa aplicação uma pessoa usuária deverá ser capaz de:

• Criar um baralho com o tema livre;
• Adicionar e remover uma carta do baralho;
• Visualizar todas as cartas que foram adicionadas ao baralho;
• Jogar com o baralho criado.

Foi desenvolvido uma aplicação em React com manipulação de estados em classes. Essa aplicação simulará um jogo de Super Trunfo, desde a criação das cartas do seu baralho até a funcionalidade de jogar.

Na renderização das cartas, a aplicação possui três filtros de listagem de cartas: filtro por nome, por raridade e por Super Trunfo. Os filtros nome e raridade são acumulativos. O filtro Super Trunfo funciona de forma independente.

Figma de um protótipo figma.

Habilidades

Neste projeto, desenvolvi as seguintes habilidades:

• Ler o estado de um componente e usá-lo para alterar o que exibimos no browser;
• Inicializar um componente, dando a ele um estado pré-definido;
• Atualizar o estado de um componente;
• Capturar eventos utilizando a sintaxe do React;
• Criar formulários utilizando sintaxe JSX com as tags: input, textarea, select, form, checkbox;
• Transmitir informações de componentes filhos para componentes pais via callbacks.

Instruções para instalar e rodar

1. Clone o repo:

   git clone git@github.com:Ludson96/project-tryunfo.git
   

2. Entre na pasta do repositório que você acabou de clonar:

   cd project-tryunfo
   

3. Instale as dependências:

   npm install
   

4. Execute a aplicação React:

   npm start