Tri-Gate Tactic is a turn-based strategy card game I built from scratch as a web app. The core idea is simple: you collect anime characters, each with unique stats pulled from real-world data, and battle them against an AI opponent on a 3-lane field.

Think of it as a love letter to both card games and anime — you draft a squad of 5 characters, place them on the field, and trade blows with the opponent one attack per turn. Characters have HP, Power, Defense, Speed, and Skill stats, all derived from actual AniList popularity metrics (favorites, mean scores). The more beloved a character is in the anime community, the stronger they tend to be in the game. There’s a tier system that ranges from D- all the way up to S++, so every pull feels meaningful.

The game has a full flow: a cinematic landing page, a character selection screen (random draw or manual search via the Deck Builder), an opponent reveal phase with animations, and finally the 3D battle arena with turn-based combat, swap mechanics, and a last-stand “Wildcard” system.

https://www.twine.net/signin

Magnostadt is a full-stack anime merchandise e-commerce store that I built from scratch as a personal project. Not a tutorial clone, not a template — the whole thing is designed, scraped, wired up, and deployed by me. The store sells figures, manga, apparel, and collectibles organized by anime series, and it handles everything from product browsing to Stripe-powered checkout to order tracking with email notifications.

The name “Magnostadt” comes from the magic academy in Magi: The Labyrinth of Magic — felt fitting for a project that’s basically my own playground for experimenting with modern full-stack tooling.

https://www.twine.net/signin