A tool to share and edit decks, view deck prices, and much more.
The live version can be found on YGOPRODeck.
Prerequisites:
- Git
- Node.js
- NPM
Then perform the following steps:
- Clone the repository.
- Execute
npm i
inside the cloned directory to install dependencies. - Execute
npm run dev
inside the cloned directory to start the development server.
If you are ready to deploy the application, build it by executing npm run build
.
The build output can be found in the dist
directory.
tooltip.js
andtooltip.css
contain code for the tooltips.app.js
andapp.css
contain code for the actual deck-tool.index.html
contains a basic setup loading the these files and starts the deck-tool with tooltips.
The .map
files are optional and only used for debugging.
See Architecture.md.
The tooltip and the application instances expose an API that can be interacted with via JavaScript.
See ./src/tooltip/api.ts
and ./src/application/api.ts
for their documentation.
When the application starts, it checks for the existence of the y
URL query parameter. If it is present, it will be parsed as the data portion of a YDKE URI with an optional deck name at the end of it. The parsed data will then be loaded as the active deck.
The following features are only available when the tool is running on https://ygoprodeck.com/.
- Showing only cards in your collection
- Thanks to Alan from https://ygoprodeck.com/ for providing the API for all card data, as well as supporting the development.
- Thanks to the awesome people at https://github.com/edo9300/edopro for the great duel simulator that this application is inspired by.
Please check the LICENSE
file for details.
Yu-Gi-Oh! is a trademark of Shueisha and Konami. This project is not affiliated with or endorsed by Shueisha or Konami.