OPTCG community SaaS

Sharedeck

Year

2025-2026

project

03

cover screen2025-2026
Sharedeck

Overview

A One Piece TCG web app with deck publishing, profiles, collections, trade lists, realtime chat, tournaments and a browser match simulator connected to a Python rules engine.

Laravel 13InertiaVue 3TypeScriptReverbFastAPI
Dashboard01
Official news, community messages and upcoming tournaments in the home dashboard.

Official news, community messages and upcoming tournaments in the home dashboard.

Tournament log02
Event date, location, deck choice, opponents, starting player and match results in one journal.

Event date, location, deck choice, opponents, starting player and match results in one journal.

Deck discovery03
Deck explorer with filters by tag, leader, card code, matchup and color.

Deck explorer with filters by tag, leader, card code, matchup and color.

Social graph04
Friend requests, chat entry points and simulator duel actions.

Friend requests, chat entry points and simulator duel actions.

Player profile05
Player profile with title/banner styling, social links, duel actions and minimized chat.

Player profile with title/banner styling, social links, duel actions and minimized chat.

Realtime chat06
Full-screen realtime chat view for direct conversations.

Full-screen realtime chat view for direct conversations.

Inbox07
Conversation list with quick access to recent messages.

Conversation list with quick access to recent messages.

Meta analysis08
Meta page with leader winrates, tier-list data and matchup details.

Meta page with leader winrates, tier-list data and matchup details.

Collection layer09
Wishlist and trade-list panels on a member profile.

Wishlist and trade-list panels on a member profile.

Simulator10
Browser match simulator connected to the Python rules engine.

Browser match simulator connected to the Python rules engine.

Public deck11
Public deck details with leader, tags, card list, matchup context and visual card strips.

Public deck details with leader, tags, card list, matchup context and visual card strips.

Simulator flow12

Short simulator clip with turn state, highlighted zones, hand state and combat log.

Drag and drop13

Drag-and-drop interactions, card focus and a compact UI designed to stay fast during play.

Effect choice14

Leader activation and legal action buttons during a simulated turn.

Problem

I wanted one place for decklists, profiles, collections, chat, tournaments and playtesting instead of a pile of separate tools.

Approach

Laravel/Inertia and Vue for the product, Reverb for realtime features, and a Python/FastAPI sidecar for match state and legal actions.

Result

A working local product with real deck pages, collection screens, chat and simulator views. The screenshots come from the app, not mockups.

Next2025

AI recommendations desktop tool

WatWatch

A small PySide6 desktop tool that reads a SensCritique profile, lets the user choose categories such as films, series, manga, comics or shorts, asks OpenAI for recommendations, then exports the result to XLSX.

PythonPySide6OpenAIaiohttp
AI recommendations desktop tool2025
WatWatch