LarissaSimoes / tryunfo

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

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Super Trunfo Game

Bem-vindo ao Super Trunfo Game, um projeto React onde você pode criar, gerenciar e jogar com seu próprio baralho personalizado!

Sobre o projeto

Foi desenvolvida uma aplicação em React com manipulação de estados em classes. Essa aplicação simula 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.

Como Jogar

  1. Clone este repositório para sua máquina local.

    git clone https://github.com/LarissaSimoes/tryunfo.git
  2. Navegue até o diretório do projeto.

    cd tryunfo
  3. Instale as dependências.

    npm install
  4. Inicie a aplicação.

    npm start
  5. Abra seu navegador e acesse http://localhost:3000.

Como Usar

1. Crie seu Baralho

  • No formulário, adicione cartas ao seu baralho inserindo as informações necessárias.
  • Veja um preview da carta à medida que preenche o formulário.

2. Valide e Salve

  • O botão "Salvar" só estará habilitado quando todas as informações do formulário estiverem preenchidas corretamente.
  • Adicione a carta ao seu baralho.

3. Explore seu Baralho

  • Visualize todas as cartas adicionadas ao seu baralho.
  • Use o botão "Excluir" para remover uma carta específica.

4. Filtre suas Cartas

  • Utilize os filtros por nome, raridade e Super Trunfo para encontrar facilmente as cartas desejadas.
  • Combine os filtros para refinar sua busca.

5. Jogue Super Trunfo!

  • Inicie o jogo clicando no botão "Jogar".
  • Avance para a próxima carta com o botão "Próxima Carta".
  • Quando chegar à última carta, clique em "Embaralhar Cartas" para recomeçar o jogo.

Divirta-se criando, gerenciando e jogando com suas próprias cartas no Super Trunfo Game!

About

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


Languages

Language:JavaScript 84.4%Language:HTML 12.5%Language:CSS 3.1%