Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/273do/route8

Route8は走行時の状況や交通手段などと併せてルートを共有できるサービスです．
https://github.com/273do/route8

laravel php react scss typescript

Last synced: about 1 month ago
JSON representation

Route8は走行時の状況や交通手段などと併せてルートを共有できるサービスです．

Awesome Lists containing this project

README 

        









# Route8



Route8 は走行時の状態や移動手段なども合わせて経路を共有できるサイトです．



## 🚙 詳しい内容：Qiita



[こちら](https://qiita.com/273Do/items/15ab0361b020d68cc4eb)に Route8 についての詳しい内容と技術的な部分をまとめています．



## 🚙 開発環境・使用技術・ツール



開発期間：2ヶ月



FE



   

    



BE

  

    

    

    

  

DB







インフラ



   



デプロイ



   



UI・ロゴ



   




## 🚙 アプリ機能



### 1. ログイン・新規登録機能



Route8 を利用するためのアカウント登録機能とログイン機能です．


パスワードは忘れないように．


ログアウトは画面右上のユーザーネームをクリックするとできます．






### 2. 経路表示・各アイコン



#### 経路表示



ログインした際に現れる画面がメイン画面となります．


投稿されている経路がカード形式で表示されます．


下書き保存した投稿は自身の投稿アイコンからアクセスできます．






各投稿をクリックすると，より詳細な経路の情報を閲覧できます．




経路詳細画面の投稿者名をクリックするとそのユーザーが投稿した経路を表示できます．




ページネーションも実装しています．


1ページ当たり10投稿まで表示されます．


下のページ番号から移動することができます．








#### 各アイコン















メイン画面

  

  

    経路作成

    自身の投稿表示(下書きを含む)

    リコメンド機能

    ブックマークリスト

  



経路詳細画面(自身の投稿)

  

  

    メイン画面表示

    自身の投稿表示(下書きを含む)

    リコメンド機能

    投稿編集機能

    投稿削除ボタン

    投稿ブックマーク機能

  



  

    他ユーザーの投稿の場合は投稿編集機能と投稿削除ボタンは表示されません．

    

  



メイン画面(カード)

  

  

    投稿編集機能

    投稿削除ボタン

    リコメンド機能

  



  

    他ユーザーの投稿の場合は投稿編集機能と投稿削除ボタンは表示されません．

    

  



### 3. 経路作成・編集・削除



メイン画面の右上にある + ボタンをクリックします．


各項目を入力，選択することで経路を共有準備をします．


[Google Map]をクリックすると Google Map に遷移するので，経路を表示させた後 html 埋め込みタグをコピペしてください．(マップ上で経路を表示させていなくても投稿はできます．)






削除アイコンで投稿の削除ができます．






### 4. リコメンド機能



旗アイコンをクリックすると自身が最後に投稿した経路付近の投稿を表示します．


右上のバーから 1km 単位，2~20km での範囲選択ができます．


また，各経路詳細画面にて旗アイコンをクリックするとその経路に対してリコメンド機能が動作します．










### 5. チャット機能



投稿ごとにチャット機能を設けています．


ユーザーとのコミュニケーションやより詳細な情報を聞き出したりと様々なことに利用可能です．投稿者がメッセージを送信した場合，線で囲われます．




### 6. 検索機能



経路の検索方法は二つあり，投稿の各アイコンをクリックするフィルター検索と，ヘッダー部分の検索バーでワード検索を実装しています．後者は，虫眼鏡アイコンをクリックすることで，検索項目を切り替えることが可能です．



#### フィルター検索









未走行アイコンは検索できません．






#### ワード検索



Title：投稿のタイトルで検索




Start：投稿のスタート地点で検索




Goal：投稿のゴール地点で検索




Body：投稿の内容で検索





### 7. ブックマーク機能



メイン画面，経路詳細画面のヘッダー部分のブックマークアイコンをクリックすることでブックマークされます．


アイコンが塗りつぶされていればできています．


ブックマークした経路はメイン画面からソートすることができます．










### 8. テーマ・エフェクト切り替え機能



フッターのアイコンからライトモードとダークモード，エフェクトを切り替えることができます．


標準ではライトテーマ，エフェクト ON です．


テーマ・エフェクトは保存されるのでどのデバイスでログインしても適応されます．


お好みでどうぞ．






#### テーマ



ライトテーマ



ダークテーマ







#### エフェクト



エフェクト ON



エフェクト OFF




## 🚙 免責事項



この作成物および同梱物を使用したことによって生じたすべての障害・損害・不具合等に関しては，私と私の関係者および私の所属するいかなる団体・組織とも，一切の責任を負いません．各自の責任においてご使用ください．