/Tryunfo

Este projeto foi desenvolvido com 3 meses de curso, é um jogo no estilo Super Trunfo, em que é 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.

Primary LanguageJavaScript

Projeto - Tryunfo 🃏

Bem vindo ao repositório do projeto Tryunfo.

Este projeto foi desenvolvido com 3 meses de curso, é um jogo no estilo Super Trunfo, em que é 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.

O tema para suas cartas é livre, você pode escolher algum assunto que ache interessante e divertido para cadastra-las. :)

Isso foi importante no meu desenvolvimento, pois...

Aprendei um conceito fundamental de React que permite que aplicações sejam dinâmicas e responsivas: estado de um componente. Além disso, treinei como gerenciar o estado e integrá-lo com capturas de eventos e formulários.

Algumas caracteristicas da aplicação:

  1. Manipulação de formulários em React. 📋
  2. Captura de bugs através de checagem de tipos Prop-Types. 🧐
  3. Renderização de componentes React. 🧱
  4. Lógica de validação no botão de salvar as cartas e na carta de super trunfo. ♟️
  5. Lógica de filtros para buscar as cartas ja cadastradas. 🔍
  • Cadastrando cartas:
    • Os campos Nome, Descrição, Imagem e Raridade devem conter alguma informação (ou seja, os inputs não podem estar vazios). Nome: Pikachu
      Descrição: Elétrico
      Raridade: Normal
      Imagem: imagem Pikachu
    • A soma dos valores dos 3 atributos (attr1, attr2 e attr3) não pode ultrapassar o valor 210.
    • Cada um dos três atributos pode ter no máximo 90 pontos cada.
    • Os atributos não podem receber valores negativos.

Tecnologias utilizadas... 🦾

HTML5 CSS3 JavaScript

Bibliotecas utilizadas... 🪛

React

Link para acessar o projeto 🔗

Obrigado por visitar! ❤️