Skip to content
03 / Projects
Auron's Card Collection catalog — Browse Singles over a dark purple grid of Magic: The Gathering cards, with a wishlist counter in the nav and an On Vacation banner saying checkout is unavailable until the shop returns
Contributed toShipped003 / 008

Auron's Card Collection

A production storefront for Magic: The Gathering singles, sealed product and collectibles, serving the Philippine market. I shipped features into it alongside the project owner.

Open live
Built with
  • Next.js
  • TypeScript
  • MongoDB
  • PayMongo
  • TailwindCSS
  • Tiptap
  • Cloudinary
  • Resend

What I shipped into it

  1. 01

    Built a wishlist system — per-variant hearts, a nav counter and a wishlist page — plus an admin demand view that ranks wanted stock, deep-links to restock, and fires back-in-stock notifications.

  2. 02

    Added a Tiptap rich-text blog editor on dedicated admin pages, with Cloudinary uploads, YouTube embeds, and orphaned-image cleanup on delete.

  3. 03

    Wired up transactional order and wishlist email behind an email-log idempotency guard, so a webhook delivered twice cannot send the customer the same message twice.

  4. 04

    Shipped custom product metadata with super-type and colour filters, a quantity selector across the add-to-cart flows, and a vacation mode that blocks checkout during scheduled closures.

  5. 05

    Fixed search failing on mobile and desktop, incorrect price-filter bounds, and stock validation slipping through checkout.

More screens

  • An Auron's Card Collection product page — a Magic: The Gathering single with Super Type and Color chips beside the variant selector
    Product page with the super-type and colour metadata I added.
  • The Auron's Card Collection storefront hero — Collect. Play. Conquer. over a dark purple banner
    The storefront, for context — the owner's design.