Skip to content

cyberfolk/vite-yu-gi-oh

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

36 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Vite-Yu-Gi-Oh

Initial commit: 17/04/23

Tecnologie: Vite, Vue.js, Javascript, Axios, HTML, CSS, SASS e Bootstrap.

Info: 🃏 Here are the collector's cards of a game we grew up with Yu-Gi-Oh! In this exercise, using Axios I queried an API to receive the cards from the collection and then subsequently print them on the site using the appropriate vue.js components. Finally, I added the possibility of filtering the cards by archetype using the v-model also offered by Vue.js... How nice to be able to admire the pieces of Exodia finally reunited!

Video Demo

vite-yu-gi-oh.mp4

Milestone:

  • Create a new project using Vite and Vue 3
  • Define the components necessary to structure the layout.
  • When the page loads, make an Axios call to the Yu-Gi-Ho API
  • With the returned data, print a card for each card.
  • Create a loader component to display until the results are ready.

About

Tool to search Yu-Gi-Oh cards with API

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published