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.
- Este é um projeto desenvolvido para praticar
React
ePassagem de props
; - Segundo projeto utilizando
React
;
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.
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.
-
Clone o repo:
git clone git@github.com:Ludson96/project-tryunfo.git
-
Entre na pasta do repositório que você acabou de clonar:
cd project-tryunfo
-
Instale as dependências:
npm install
-
Execute a aplicação
React
:npm start