Um jogo no estilo Super Trunfo, em que será possível criar novas cartas e listar as cartas já existentes no baralho. Tudo isso de forma dinâmica, usando formulários e o estado da aplicação.
- HTML
- JavaScript
- React
- CSS
Para instalar o projeto localmente, siga os seguintes passos:
Clone o repositório do GitHub
git@github.com:gabrielMatosBoubee/frontend-tryunfo.git
Instale as dependências
npm install
Inicie a aplicação
npm start
Acesse a aplicação no navegador: http://localhost:3000
-
Crie o formulário que será usado para adicionar cartas ao baralho
-
Adicione as props necessárias ao componente de formulário
-
Crie e renderize o componente Card com as props necessárias
-
Crie o preview da carta que está sendo criada pelo formulário
-
Faça a validação do botão de Salvar no formulário
-
Crie a função do botão salvar
-
Crie a validação do Super Trunfo
-
Exiba a lista de cartas que estão salvas no estado
-
Crie um botão para remover uma carta do baralho
-
Crie o filtro pelo nome da carta
-
Crie o filtro por raridade da carta
-
Crie o filtro de Super Trunfo
Agradecemos à Trybe por nos proporcionar essa oportunidade de aprendizado e desenvolvimento de nossas habilidades como desenvolvedores web.