About this demo
ECサイトの「動く部分」を、ひと通り作りました。
フロントエンド実装の見本として、商品選びから購入フォームまでをブラウザだけで動かしています。サーバーやデータベースは使っていません。
- 絞り込み・並び替えカテゴリ・焙煎度・価格・在庫・キーワード。条件はURLに反映
- 商品詳細ギャラリー切り替え、内容量・ひき方で価格が変わる
- カート数量変更、取り消し、クーポン、送料無料までの進捗表示
- 購入フォーム入力チェック、郵便番号の自動整形、完了画面
- 状態の保持カートとお気に入りはリロードしても残る
- 使いやすさキーボード操作、スクリーンリーダー対応、スマホ表示