GAME TRUNFO🃏

Projeto proposto no curso de front-end da Trybe

O projeto consiste em criar uma página para cadastro de cartas de um jogo de super trunfo contendo um formulário para incluir nome e atributos de cada carta a ser utilizada no game de Trunfo

Requisitos do projeto

• - 1. Crie o formulário que será usado para adicionar cartas ao baralho
• - 2. Adicione as props necessárias ao componente de formulário
• - 3. Crie e renderize o componente Card com as props necessárias
• - 4. Crie o preview da carta que está sendo criada pelo formulário
• - 5. Faça a validação do botão de Salvar no formulário
• - 6. Crie a função do botão salvar
• - 7. Crie a validação do Super Trunfo
• - 8. Exiba a lista de cartas que estão salvas no estado
• - 9. Crie um botão para remover uma carta do baralho

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. Estilização a aplicação

Recursos utilizados no projeto

Foram os ensinamentos do primeiro bloco do curso de React.JS onde nos foi passado como criar componentes de class e como instanciar e manipular um estado dentro destes componentes

Exemplos da aplicação funcionando

Aprendizados que tive no projeto

• Criar e utilizar um componente .JSX do React.JS

• Utilizar o estado do componente com o this.state

• Utilizar o um estado como condição para renderizar componentes

• Enviar props entre componentes

• Estilização com Tailwind CSS

 Tecnologias utilizadas

• HTML/CSS/JavaScript

• React.JS

• Tailwind CSS

Contatos:

Bruno Marques

Foram os ensinamentos do primeiro bloco do curso de React.JS onde nos foi passado como criar componentes de class e como instanciar e manipular um estado dentro destes componentes