projects
personal project
オンライン書店ECサイト
Laravel + Inertia.js + React で構築したフルスタックECサイト。Stripe Checkoutによる決済フローとWebhookによる注文確定、Cloudflare R2への画像アップロード、商品CRUD・在庫管理機能を実装しました。
tech stack
ReactLaravelTypeScriptInertia.jsStripeCloudflare R2
story
実案件で制作した児童書専門店のコーポレートサイトの世界観を下敷きに、「制作（静的サイト）→開発（動的EC）」への発展を見せることを目的に作りました。実在の店舗・商品・画像は使用せず、架空の絵本店として設計しています。
ちえの木の実のコーポレートサイトを見るhighlights
- —Stripe Checkout決済〜Webhookによる注文確定
- —商品CRUD・画像アップロード・カテゴリ複数選択（Cloudflare R2連携）
- —ロールベースの権限分離・論理削除によるゴミ箱機能・注文金額のスナップショット化で運用の安全性を担保
⚠️ 初回アクセス時、Render無料プランの仕様上サーバー起動に数十秒かかる場合があります
デモ用アカウント
| role | password | |
|---|---|---|
| 一般ユーザー | customer@example.com | password |
| 管理者 | admin@example.com | password |
ポートフォリオ公開用のデモアカウントです。決済はStripeのテストモードのみで動作します。
テストカード番号: 4242 4242 4242 4242
有効期限: 任意の未来の日付
セキュリティコード: 任意の3桁