実装すること

frontend

• 取得したMap rotationデータを表示するコンポーネントの実装

backend

• Map rotation APIを実行してレスポンスを返すAPIの実装
  • https://apexlegendsapi.com/#map-rotation

実装するもの

• マップローテーションのタイマーを実装する
  • カウントダウン
  • タイマーが0になったら現状は何も起こらない

開発するもの

frontend

• 戦歴を表で表示する機能の追加

backend

• Match history APIを実行してレスポンスを返すAPIの実装
• Match history APIのホワイトリスト登録申請 on Discord

注意点

• Match history APIを用いるには、事前にDiscordサーバ上でチケットを作成し、ホワイトリストに登録してもらう必要があります。
  • https://apexlegendsapi.com/#match-history

実装すること

frontend

• 取得したプレデター帯のボーダーデータを表示するコンポーネントの実装

backend

• Predator APIを実行してレスポンスを返すAPIの実装
  • https://apexlegendsapi.com/#predator

• 表示したいすべてのデータの表示
• コンポーネント化

https://nextjs.org/docs/app/building-your-application/routing/loading-ui-and-streaming#instant-loading-states

実装すること

frontend

• ユーザ名を入力して検索するコンポーネントの実装
• ユーザの現在のランク名とランク画像を表示するコンポーネントの実装

backend

• ユーザ名を用いてAPIを実行する機能の実装

実装内容

• トップページのスタイリング
• /map-rotation 画面のスタイリング
• /predator 画面のスタイリング
• /server-status 画面のスタイリング

なぜやるか

• マップの残り時間が0になったら次のマップ情報をfetchしたい
• 現在は親コンポーネントでマップ情報を取得して、子コンポーネントがその情報を使ってレンダリングする
• 親コンポーネントはいつ残り時間が0になるかわからない
• そのため、マップ情報の取得を子コンポーネントが実施する必要がある