フロントエンドのタスク

[kino-ma]

• 現状のプログラムを把握する
• 手元で動かせるようにする

画面

• 登録画面
  • 名前の入力欄
  • パスワードの入力欄
  • メールアドレス
  • 送信ボタン
    • 押すとサーバにリクエストを送って，ホームに飛ばす
• ホーム画面
  • フォローしている人のレスポンスが最新順に流れる
    • 送信先スレッドのタイトル
      • 送信先スレッドに飛べる
    • 投稿者
      • プロフィールに飛べる
    • 投稿日時
    • 内容
  • スレッド一覧
    • タイトル
      • そのスレッドの画面に飛べる
    • 最初のレスポンス
      • 投稿者
        • プロフィールに飛べる
      • 投稿日時
      • 内容
• スレッド画面
  • タイトルが一番上に表示される
  • レスポンスが古い順に一覧表示される
    • 投稿者
      • プロフィールに飛べる
    • 投稿日時
    • 内容
  • レスポンス送信欄
    • 内容の入力欄
    • 送信ボタン
      • 押すとサーバにリクエストが飛ばされる
      • そのあと同じ画面が再描画される
• スレッドを作る画面
  • スレッドタイトルの入力フォーム
  • 確定（作成ボタン）
• ユーザのプロフィール画面
  • ユーザ名
  • フォローボタン
    • 押すとサーバにリクエストが飛ばされる
    • 既にフォローしていれば「フォロー中」
    • フォローしていなければ「フォローする」
  • レスポンスの一覧（最新順）
    • 送信先スレッドのタイトル
      • 送信先スレッドに飛べる
    • 投稿者
    • 投稿日時
    • 内容
• サインイン画面

API を叩く

• 登録画面
• ホーム画面
• スレッド画面
• スレッド作成
• プロフィール画面
• サインイン画面

デザインを調整する

Figma

• design: 登録画面 #22
• design: ホーム画面 #23
• design: スレッド画面 #24
• design: プロフィール画面 #25
• サインイン画面

Issues

• session
  • auth
  • create thread
  • create response
• switch follow button view
• link to /thread/create
• link to thread in card

[kino-ma]

Converted to issues