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クライアント
counts(user_id, card_id, count)— ユーザーごとの所持数custom_cards(id, name, image_url)— 管理者が追加したカードremoved_cards(card_id, name, image_url)— 非表示にした公式カード