実装するページの紹介

本教材で作成するTinder風マッチングアプリのイメージを掴むために、実装するページを紹介します。

トップページ

ユーザーが初めてアクセスするトップページには、アカウント作成やログインするボタンを置いています。

アカウント作成ページ

アカウント作成ページでは、ユーザーに以下の情報を入力・選択してもらいます。

• メールアドレス
• 名前
• パスワード
• 性別

ログインページ

ログインページでは、ユーザーがログインできます。

スワイプページ

スワイプページでは、話してみたいユーザーにlike、そうではないユーザーにdislikeを選択できます。like・dislikeは、スワイプするか、下部にあるボタンをクリックすることで選択できます。

プロフィールページ

プロフィールページでは、以下の情報を確認できます。

• プロフィール画像
• 名前
• 自己紹介文

またプロフィールページからログアウトができ、プロフィールを編集するページにアクセスできます。

プロフィール編集ページ

プロフィール編集ページでは、以下の情報を編集できます。

• プロフィール画像
• メールアドレス
• 名前
• 自己紹介文
• パスワード

マッチング一覧ページ

マッチング一覧ページでは、マッチングしたユーザーを確認できます。

チャットルームページ

チャットルームページでは、マッチングしたユーザーにメッセージを送れます。

以上が今回作成するアプリケーションのページになります。