Projects

DeckMaster

Full Stack
Electron
HTML/JS
Bulma

DeckMaster is a desktop deck manager designed to store your Pokémon TCG decks and simplify exporting them as PDF decklists or PTCGO formats.

A screenshot of the Decks page from the DeckMaster desktop app.

Introduction

After playing Pokémon TCG competitively for a while, I started searching for an all-in-one place to store decklists and quickly export them to TCG Online or as PDF decklists. Nothing I found quite met my needs, so I began building it myself.

Tech Stack

DeckMaster is an Electron desktop app. I chose Electron because I am familiar with HTML and JavaScript, and this project was intended to be a desktop app from the outset. Electron was an exciting choice because many of the apps I use every day are built with it. It was also a chance to get under the hood and tinker with one of the most prevalent desktop app frameworks.

Features

  • User Preference Saving
    • Username for personalising the UI
    • Full Name, Date of Birth and Player ID for automatic decklist completion
  • Import Deck from PTCGO string
    • Using a bespoke parser, the string is converted into an array of cards detailing quantity, set, name, and more.
  • Export Saved Deck Options
    • Decks can be exported straight to PDF, removing the friction of using third-party sites or filling out information by hand.
    • Decks can also be exported back to PTCGO strings to play in the app.

Screenshots

Landing Page

The landing page introduces DeckMaster and provides a clear starting point for managing decks.

DeckMaster landing page

Decks View

The decks view brings saved Pokémon TCG decks together in one place for quick access.

DeckMaster Decks View

Individual Deck View

The individual deck view displays a decklist and its cards in detail.

DeckMaster Individual Deck View

User Preferences

The preferences view lets users update their personal details for automatically completed decklists.

DeckMaster User Preferences Edit