!!プロジェクト名 One Love ~100年先の愛を誓おう~ ((br)) !!プロジェクト説明 マッチングアプリを制作 ((br)) ・プロフィールを記入 ((br)) ・気になる子にいいね ((br)) ・相互いいねでメッセージできる ((br)) ・後は努力次第!! !!ものの操作と洗い出し もの ((br)) ・タイトル画面 ((br)) ・ログイン画面 ((br)) ・新規登録画面 ((br)) ・プロフィール画面 ((br)) ・メイン画面（いいねする画面） ((br)) ・チャット画面 ((br))((br)) 操作 ((br)) ・タイトル画面 ((br)) ボタンをクリックでログイン画面or新規登録画面に飛ぶ ((br)) ・ログイン画面 ((br)) ID(メールアドレス)とパスワードを入力して、合っていればメイン画面に飛ぶ。間違っていればもう一度入力 ((br)) ・新規登録画面 ((br)) 名前とメールアドレス・パスワードを入力して、利用規約に同意のチェックを入れてアカウント作成 その後メイン画面に飛ぶ ((br)) ・プロフィール画面 ((br)) ニックネーム、居住地、年齢、身長、職業、年収、MBTIを入力 ((br)) 写真のアップロード ((br)) メイン画面に飛べるようにした。 ((br)) ・メイン画面 ((br)) 入力したMBTIと相性のいい人のみを表示し、任意でいいねできるようにする。 ((br)) メッセージ画面とプロフィール画面に飛べるようにした。 ((br)) 自分がいいねしたひとを見れるようにした。 ((br)) ・チャット画面 ((br)) お互いにいいねし合った場合のみメッセージできるようにする。 ((br))((br)) 画面ごとの簡易的なフローチャート((br)) <<{chart1.12.jpg} !!モジュール分け タイトル画面((br)) ・title.html((br)) ・title.css((br)) ・title.js((br)) ログイン画面((br)) ・login.html((br)) ・login.css((br)) ・login.js((br)):登録されているアカウントとパスワードと照合する プロフィール画面((br)) ・profile.html((br)) ・profile.css((br)) ・profile.js((br)):プロフィール内容の変更点を保存 メイン画面((br)) ・main.html((br)) ・main.css((br)) ・main.js((br)) いいね画面((br)) ・good.html((br)) ・good.css((br)) ・good.js((br)) メッセージ画面((br)) ・message.html((br)) ・message.css((br)) ・message.js((br)) ・タイトル画面 ((br)) <<{Screenshot from 2024-06-14 11-52-53.png} ((br)) ・ログイン画面 ((br)) <<{Screenshot from 2024-06-07 14-34-40.png} ・プロフィール画面 ((br)) <<{Screenshot from 2024-06-07 13-35-00.png} ・メイン画面 ((br)) <<{Screenshot 2024-06-07 at 13-58-55 Home.png} ・メッセージ画面 ((br)) <<{Screenshot from 2024-06-07 14-10-07.png} ・いいね画面 ((br)) <<{Screenshot from 2024-06-07 14-11-22.png} !!動作のイメージ(理想） タイトル→ログイン・新規登録→（メイン画面→メッセージ画面・いいね画面・プロフィール） （）の中は自由に遷移できるようにする