Public
ポケモンカード所持チェッカー
Val Town is a collaborative website to build and scale JavaScript apps.
Deploy APIs, crons, & store data – all from the browser, and deployed in milliseconds.

ポケカ所持チェッカー

ポケモンカードの所持枚数を記録できるWebアプリ。 ポケモンカード公式のカード検索をプロキシして全カード(約23,000枚)を対象にし、画像も公式のものをそのまま表示します。

使い方

  • 初回にユーザー名を入力(所持数はユーザー名ごとにサーバー側SQLiteへ保存され、リロードしても残ります)
  • ポケモンの名前で検索(空欄で全カード)
  • カード画像の 右側クリックで +1 / 左側クリックで −1
  • 未所持カードはグレー表示、所持カードには枚数バッジが付きます

管理者機能

ヘッダーの「管理者」ボタン → パスワード入力でログイン。

  • カードの追加: カード名 + 画像(URL または ファイルアップロード)
  • カードの削除: 各カードの「削除」ボタン。公式カードは非表示リストに入り、管理者パネルから復元可能

パスワードは環境変数 ADMIN_PASSWORD で設定します(未設定時のデフォルト: pokeca-admin)。

構成

  • main.ts — Hono製API + 静的ファイル配信。公式カード検索APIのプロキシ、所持数・カスタムカード・削除リストのSQLite管理
  • frontend/index.html — HTMLシェル(Twind)
  • frontend/app.tsx — React 18クライアント

DBテーブル

  • counts(user_id, card_id, count) — ユーザーごとの所持数
  • custom_cards(id, name, image_url) — 管理者が追加したカード
  • removed_cards(card_id, name, image_url) — 非表示にした公式カード