Grimoire
Evan Hildreth
Backend Engineer
Frontend Engineer
Responsive Design
GraphQL
Next.js
React
Track your collection and build decks easily.
A tracking system for the Pokémon Trading Card Game. Enter your collection using easy-to-infer identifiers. Track prices from TCGplayer across multiple printings and styles. Consolidate printings to quickly know what decks you can build.
A personal project to build a web application in Next.js. I created a backend using WordPress and stored cards in a custom post type. Content was fetched through GraphQL, and custom REST endpoints were used to facilitate personal collections. Data was collected through an automated WP-CLI command; unfortunately, there was still a large amount of manual intervention required which made the project unsustainable.
Screenshot showing the normal "Umbreon VMAX" card in Grimoire. A picture of the card is on the left while alternate printings are on the right.
Screenshot showing the "Umbreon VMAX (Alternate Art Secret)" card in Grimoire. A picture of the card is on the left while alternate printings are on the right.
A screenshot showing the "Umbreon VMAX" card from the Brilliant Stars trainer gallery. The card is shown on the left and alternate printings are on the right. Farther down the page, a "My Inventory" section shows that there is one in the "Showcase Binder" but none in "Library" or other collections.
