本アプリは主に以下の二点を目的としたアプリケーションです。
- 当選した座席の番号から、その席の見やすさの情報を得ることができる
- ライブ会場にレビューをつけられるので、遠征してライブに参戦する方にとって申し込む会場選びの助けになる
- ライブ会場までのアクセスやトイレの数などといった設備の良さを事前に知ることができる
https://reviewsite2-laravel9-react.herokuapp.com/
氏:テスト
名:てすと
ユーザー名:テスト用
メールアドレス:[email protected]
パスワード:testtest
本アプリは制作途中です。
ライブの当日までに自分の座席は発表されますが、実際に会場へ行ってみると番号から予想していた距離感よりも遠く、双眼鏡を持ってこなかったことや、多額の交通費をかけて遠い会場まで来たことを後悔する事があります。
会場の座席から撮った写真が画像検索で出てきますが、そのような画像が大変参考になると感じていました。しかし、こういった情報がまとめられているライブ会場にレビューをつけるアプリが見当たらなかったため、自分で開発することにしました。
- 会員登録機能
- レビュー投稿のCRUD
- レビューの写真がグリッドで表示される機能
- いいね、ブックマーク機能
- 画像投稿機能(S3)
- マイページ機能
- 画像投稿機能(S3)
- 検索機能
- お問い合わせ機能
- 管理者ログイン
- 会場の新規登録・修正・削除機能
- 不適切なレビューの削除機能
- お問い合わせ返信機能
- ソーシャルログイン(Google,Twitterなど)
- ハンバーガーボタン
- SNS共有ボタン
- 全体的なデザインの修正
- TypeScriptを導入
- React
- HTML
- CSS(Tailwind)
- Laravel9 (PHP)
- Docker
- MySQL
- Google+ API
- Amazon S3
- Visual Studio Code
※修正中です。
テーブル名 | 説明 |
---|---|
users | 一般ユーザー情報 |
admins | 管理者ユーザー情報 |
reviews | レビューの情報 |
images | レビュー投稿時に添付した画像のパスの情報 |
venues | 全国のライブ会場の情報 |
prefectures | 都道府県の情報 |
regions | 地方の情報 |
contacts | お問い合せ内容の情報 |
likes | 会場に対するお気に入り |
bookmarks | レビューに対するブックマーク |
- DockerDesktopのインストール
- このリポジトリをクローン
- 対象箇所で下記を実行
//reviewsite2-laravel9-react-dockerで下記を実行
$ sail up -d
- マイグレーション
//reviewsite2-laravel9-react-dockerで下記を実行
$ sail artisan migrate
$ sail artisan db:seed
- composer、node.jsのインストール
$composer install
$npm install
6.ローカルでアプリケーションを起動
$ sail up -d
$ npm run dev
// localhostにアクセスするとプレビューが確認できる
// dockerコンテナの停止
$ sail stop
// dockerコンテナの削除
$ sail down