爬虫類などのエキゾチックアニマルを「購入したいユーザー」と「販売するショップ」を繋ぐマッチングサイトを作成しました。
仕様
下記機能を実装しました。※画像クリックで拡大します。
オーナー用ページ
- 管理画面へのログイン機能
- オーナー → ショップ → 生体 の順でリレーションを実装
- ホームページを持たない店舗でも管理画面から「店舗情報を掲載し、ホームページの代わり」とすることができる
- 管理画面から「ショップ情報」や「生体情報」を自由に投稿・編集・削除ができる
- 投稿の際は、フロントエンド側とバックエンド側の両方でバリデーションを実装
オーナー用管理画面トップ
生体一覧ページ
ショップ一覧ページ
ショップ編集ページ
ショップに紐づく生体一覧ページ
生体情報編集ページ
購入者用ページ
- 欲しい生体をキーワード検索できる
- カテゴリーから生体情報を検索できる
- 店舗名で店舗を検索し、「店舗情報」「その店舗で販売されている生体情報」を確認できる
- 都道府県から店舗一覧を確認することができる
URL構成
オーナー用ページ
- オーナー登録画面：/register
- オーナーログイン画面：/login
- オーナーダッシュボード：/owner
- オーナープロフィール情報：/owner/profile
- オーナーに紐づく生体一覧：/owner/pets
- ショップ登録一覧：/owner/shop
- ショップ登録：/owner/shop/create
- ショップ情報編集：/owner/shop/{shop_id}
- ショップに紐づく生体一覧：/owner/shop/{shop_id}/pet
- 生体登録：/owner/shop/{shop_id}/pet/create
- 生体情報編集：/owner/shop/{shop_id}/pet/{pet_id}
購入者用ページ
- TOP：/
- ショップ一覧：/shop
- ショップ情報詳細：/shop/{shop_id}
- 生体情報一覧：/pet
- 生体情報詳細：/pet/{pet_id}
使用技術
- Laravel10
- Blade Template
- Laravel Breeze（ログイン機能）
- Laravel Sail（Docker）
- Vanilla JS
- Tailwind CSS
- Git
デプロイ環境
Xserver VPSにLAMP環境を構築してデプロイしました。
- Xserver VPS
- Ubuntu 22
- Apache
- MySQL
- PHP
- Composer
- Node.js
- Git