アウトプット投稿のページ作成

Atomic Designを使用した、レスポンシブ対応を作成する

• ヘッダー
• ログインページ
• ホーム
• プロフィール
• 検索
• 投稿ページ

ヘッダー部分にて、作成。

本毎（タイトル）に、アウトプットの記録の編集機能を作成

• 更新
• 削除
• キャンセル
• 切り替え

まずはコードのリファクタリングをする！

課題点

• UIの修正
  • コメントのinputタグの長さ修正（可変）
• コンポーネント構成の見直し
• 「...loading」の箇所を丸のローディングデザインに変更

• プラスボタンの表示（「投稿」の文字を入れてわかりやすくする。）
• タイトルのフォントの大きさ、メニューのリンクの色
• ログインページのフォントの色、サイズ、サインイン⇨サインアップ
• Submit⇨送信、作成ページと編集の「感想」を一致させる。

各ページ毎、Atomic Designを使用したデザイン

• 検索ページ
• ログインページ
• Homeページ
• Profileページ
• Header

アプリの紹介のトップページを作成する。
アプリの概要、機能紹介

googleアカウントでのログイン機能を実装&デザインをしていく！

• 機能実装
• デザイン

Homeページのテキスト毎にコメント欄を作成し、コメント機能をつける

投稿した後、コメント等を編集できるようにする

• 削除

userの値の管理ができていない

webpack、tsconfigの設定を行う。

redux toolkitを導入

react-testing-library、jestを使用してテストコードをかく

アウトプットの作成ができて、個人用の投稿ページを作成する（ゲストユーザーは別）

検索ごとに、画像表示をさせる

投稿回数、読んだページ、毎日アウトプットできているかの可視化をして、成長の実感をもたす機能

ヘッダーにホーム内、プロフィール内の検索機能を導入してみたい

ログインの時に、パスワードを忘れてしまった場合のリンクとページを作成
firebase.auth().sendPasswordResetEmail(user.email)を使用することで、メールが送信されパスワードを再設定できる

ログイン、新規登録をエラーした時のバリデーション機能を作成する。

作成のコーティングとリンクの配置をヘッダーか画面右端に配置

• ページデザイン
• 作成ボタン