■関連リンク
Skate Maps ↓
- テスト用アカウント
メールアドレス: test@gmail.com
パスワード: test1234
- 動作確認方法
Chromeの最新版を利用してアクセスしてください。
ただしデプロイ等で接続できないタイミングもございます。その際は少し時間をおいてから接続してください。
接続先およびログイン情報については、上記の通りです。
- ログインしていない場合に利用できる機能
◦Spot検索機能
◦Map機能
◦Spotページの閲覧(SpotのMap機能、Spotの天気機能)
◦各User(MyMap)のページ閲覧
- ログインしている場合に利用できる機能
◦上記の機能
◦MyMap機能
◦MyMap編集機能
◦MyMap天気機能
◦Spot投稿機能
◦Spot編集、削除機能
◦各Spotへのお気に入り機能
◦各Spotへのコメント機能
◦各SpotへのBest Trick (動画) 投稿機能
- Githubリポジトリ
Vue.js: https://github.com/kotaro1574/skate-maps
Laravel: https://github.com/kotaro1574/skate-maps-api
■開発について
- 開発環境: Vue.js/Laravel/MySQL/Github/Netlify/Xserver/Visual Studio Code
- 開発期間: 約2ヶ月
■アプリについて
- homeページ
homeページでは、Spot検索機能が利用できます。
areaから地域を選択して検索することもできます。
Mapには、投稿されたspotの場所を示すピンが表示されてます。
その下には、spotの情報が書いてあるカードが並んでいます。
カード上のタグをクリックすると、タグの情報と一致するカードとMapのピンが表示されます。
- MyMapページ
MyMapでは、自分の投稿したspotとお気に入りしたspotが表示されます。
また、myWeatherボタンを押すと新規登録の際に取得した経度、緯度から１週間の天気が見られます。
- spotページ
spotページでは、spotの天気、spotのMapが見られます。
お気に入りボタンを押すとMyMapに追加されます。
spotの情報は、ログインしていれば誰でも投稿できます。
Best Trick機能は、ログインしていれば誰でもそのspotの動画を投稿できます。(mp4にしか対応してません)
- postページ
spotの画像は複数投稿できます。
Mapでspotの経度、緯度を取得します。
初めて、自分で考えてアプリを１から作ったのでとても勉強になりました。
自分の使いたいアプリを作るのはめちゃめちゃ楽しいですね。
ありがとうございました。