Casual Store

Casual Store — Telegram ボット内で動く衣料品ストア（Mini App）。カタログ、サイズ別価格、カート、注文、支払い情報、地図上の最寄り郵便局。

Casual Store は Telegram ボットから開く衣料品ストアです。購入者は Telegram を離れずに商品を選び、サイズを指定して注文し、地図から受け取り拠点を選びます。

実装内容

• カタログ：バナー、カテゴリとサブカテゴリ、並べ替え、サイズと在庫のフィルター、検索。
• 商品ページ：サイズによって変わる価格、写真と動画。
• カートはセッションをまたいで保持され、注文・支払いページでは支払い情報をワンタップでコピー。
• 配送：SDEK とロシア郵便 — 最寄りの拠点を地図に表示。
• Telegram 連携：ユーザーを Telegram から識別し、アプリはフルスクリーンで起動。

技術的な取り組み

• 郵便局は OpenStreetMap Overpass API から取得し、Leaflet の地図に表示。
• 1 つのコードで 2 店舗：同じアプリを別のカタログ API に接続し、2 店舗目としてリリース。
• バックエンド API の不備をドキュメント化し、UI 側で回避するように実装。

私の役割

フロントエンドを全面的に担当：デザイン、Telegram 連携、地図、Netlify へのデプロイ。