トップページ仕様 - nnnaoki1998/spocon GitHub Wiki

header

以下の要素が存在する

  • アプリを表す文字 or ロゴ (クリックするとトップページに遷移する)
  • ログアウトボタン
  • プロフィールページへ遷移するボタン

main

以下の条件を全て満たすチームを全て取得する (1ページあたり最大20件表示)

  • sport_id = ページを開いているuserに紐づくteam.sport_id
  • grade_id = ページを開いているuserに紐づくteam.grade_id
  • reception_status = 'on'
  • longitude(経度), latitude(緯度)がページを開いているuserに紐づくteam.longitude, latitudeから50km(仮)以内

取得したチームの以下の情報を表示

  • icon_pathに存在するアイコン
  • name
  • description
  • address
  • チャットを開くボタン

検索する条件を変更できる

  • sport (プルダウン形式で1件選択)
  • grade (プルダウン形式で1件選択)
  • addressの範囲指定 (数値)
  • 都道府県

画面遷移図 https://www.figma.com/file/Wrw4gbasrwSevv7uC56O7w/spocon-%E7%94%BB%E9%9D%A2%E9%81%B7%E7%A7%BB%E5%9B%B3?type=design&node-id=0%3A1&mode=design&t=GG2FOPLtZGBlft1H-1