top_recents.2.mov
2023-02-11.18.04.27.mov
WEB上で全国のトイレを探せるWEBアプリケーションです。
Google Map上にピンが立てられており、ピンをタップするとトイレの詳細情報を確認できます。
また、ログインすればトイレの情報を投稿できます。
- 現在地を取得して地図上にピンを立てる
- Google Map上でトイレのある位置にピンを立てる
- 閲覧したトイレの履歴を確認できる
- ログインするとトイレの投稿 / 編集 / 削除ができる
- node.js v16.14.0
- react.js v18.2.0
- php v7.3.24
- Laravel v8.83.27
- MySQL v5.7.32
- トイレを探す場合
- Google Map上に表示されたピンをクリック
- 詳細情報を確認
- トイレまでのルートを確認する場合は「Google Mapへ」のボタンをクリック
- トイレを投稿する場合
- 新規登録 & ログインをする
- Postページを開き、項目に沿って情報を入力すると投稿できる
- Archiveページから編集,削除ができる
$ git clone https://github.com/taic-dev/WC-MAP.git
・frontend
$ cd frontend
$ npm install
.envのファイルを作成し環境変数を入力
$ npm start
・backend
$ cd backend
$ composer install
.env.exampleの内容を変更しファイル名を.envに変更
$ php artisan serve
taic-dev