Tryunfo é um projeto onde o usuário pode criar cartas para um jogo baseado no Super Trunfo. Além de criar suas próprias cartas, o usuário pode gerenciá-las, pesquisando e removendo caso queira. Projeto feito em React utilizando componentes de classe.
React, HTML5, CSS3, JavaScript ES6
Ao entrar no site, o usuário pode preencher um formulário com os dados da carta que ele quer criar, podendo dar o nome, descrição, três valores para atributos, imagem, raridade e se é um super trunfo ou não. Ao lado direito o usuário vê em tempo real as modificações feitas na carta. Cada baralho pode ter apenas um Super Trunfo e caso o usuário já tenha adicionado um, não pode inserir outro, apenas se remover o anterior.
Adicionado as cartas, abaixo do formulário o usuário pode ver quais já foram adicionadas, pesquisando pelo nome, raridade e super trunfo. Abaixo das cartas o usuário pode clicar no botão e remover as cartas que quiser.
Link para o deploy
Para visualizar o projeto localmente:
- Clone o projeto
- Entre no diretório
tryunfo/ - Rode o comando
npm installpara instalar - Rode o comando
npm startpara iniciar