A web application built with HTML, vanilla CSS, and vanilla JavaScript that utilizes data obtained by the YGOPRODeck API to generate an overall deck cost.

I chose this project to improve upon my front-end development skills, particularly responsive design, DOM manipulation, CSS styling/transitions, and JavaScript data manipulation. As a life-long fan of Yu-Gi-Oh, I found this project to be a wonderful development experience, as I got to create an interactive and visual display of one of my favorite games of all time.

YGOPRODeck API

• HTML5
• CSS3
• JavaScript

Try the application here!

• User can browse cards from YGOPRODeck
• User can click on a card to view its detailed view
• User can add cards to their deck
• User can view the content of their deck
• User can search entries from YGOPRODeck
• User can view the total cost of their deck
• User can remove cards from their deck

1. Clone the repository

git clone https://github.com/JihengNie/card-thief.git

2. Install dependencies with Node Package Manager

npm install

3.Open index.html in your browser