はじめに
Zennの記事を元にECサイトを作成してみました。
今回はオリジナルではありませんが今後ECサイトを作りたいので練習で制作しました。とても勉強になったのでECサイトを作ってみたい方はぜひチャックしてみてください。
機能紹介
大きく2つに分けることができます。
・ECサイトの管理者側の機能
・ECサイトを利用する顧客側の機能
どちらもログインすることで閲覧できます。
Githubリポジトリ
管理者側以下の内容が確認できます
注文履歴
status は「Normal」「Withdrawn」「Banned」のどれかに変更することができる
顧客詳細
過去の注した商品が確認できる
一日の売り上げ・注文数
顧客一覧
商品一覧
Add New Productから新しい商品を追加できる
商品詳細
在庫の数や商品の編集も可能
顧客側以下の内容が確認できます
トップページ
カート内
決済ページ
stripeを利用しての決済
注文履歴
メール
注文後メールが届く
技術構成
使用技術
| カテゴリ | 技術 |
|---|---|
| フロントエンド | HTML, Embedded Ruby (ERB), Tailwind CSS, JavaScript |
| バックエンド | Ruby 3.1.2, Rails 7.1.3 |
| データベース | PostgreSQL |
| 決済機能 | Stripe |
| 環境構築 | Docker |
| データベース | PostgreSQL |
| その他 | Redis |
ER図
思ったこと
実際のECサイト運営にも使えるくらいのレベルが高いプロダクトだと感じました。最初の8割までは以前に学習した内容も含まれていたので理解できましたが、後の2割は難しく感じました。
今回作ったウェブアプリを元にオリジナルのECサイトを作りたいと思います！