Yu-Gi-Oh | Info Cards

Sobre o projeto

https://yu-gi-oh-card-info.vercel.app/

Para quem é fã acredito que possa gostar, ainda estou aprendendo sobre consumo de APIs, mas por acaso acabei encontrando essa aqui e me desafiei a tentar criar algo bem simples, já que não encontrei nenhum video usando ela, e depois de quebrar tanto a cabeça foi isso que consegui até esse momento. Busquei alguns dados sobre as Cartas como: nome e as imagens, e organizei de maneira que você possa pesquisar a sua carta pelo nome correto ou usando buscando na lista. Apanhei bastante para fazer esse projeto, que para mim, é a minha primeira grande conquista.

Layout mobile

Layout web

Front-end

• HTML
• CSS
• JavaScript

Tecnologias adicionais

• Vanillatilt.js

Implantação em produção

• Front-end web: GitHub
• Front-end web: Vercel

Como usar

• Você pode pesquisar digitando o nome da carta (Nome real, Correto de tradução)
• Uma lista vai aparecer de acordo com os nomes que você for digitando facilitando a sua busca.

• Você pode clicar na seleção e escolher da sua maneira a carta desejada dentro da lista.

Notas

• Os dados buscados são diretamente da API então pode haver alguns erros de tradução, como também é sempre adicionadas novas cartas poderá haver alguns erros ou mudanças no futuro como ordem da primeira carta configurada e posições.

Como contribuir?

• Você pode me dar suporte me seguindo aqui no GitHub ou criar uma conexão comigo no linkedin, crescendo minha Networking e curtir o meu projeto.

Autor

Wildemberg Renovato de Lima https://www.linkedin.com/in/renovatt/