🖌️

【React / chakra UI / Cloud Firestore】ブログアプリ開発🚀

2023/03/15に公開

ReactとCloud Firestoreを使用してデータ操作のある簡易的なアプリとしてBlogAppを開発しました。
UIコンポーネントライブラリでは、前回の開発でとても使いやすかったのchakra UIを使用しました。
成果物はシンプルでログインして記事の作成と投稿、削除ができるブログ(というよりSNS..?)のようなアプリです。Reactを用いた個人開発は3個目になり、だいぶReactには慣れてきましたので今後はさらにイイネ機能や返信機能などを追加開発やTypeScriptにリプレイスしていきたいなと考えています。

主な機能

  1. Google認証
  2. ローディング
  3. 記事の作成と投稿、記事一覧の表示
  4. ログイン時のみ投稿可能
  5. ログイン時、自分の投稿のみ削除可能
  6. 投稿日が新しいものを最上部にソート
  7. 投稿時間の表示と表示切り替え(当日なら時間表示、一週間以内なら曜日表示、それ以前なら日付表示)

以下実際の成果物とリポジトリです。

https://blog-app-2dec8.web.app/

https://github.com/m-sato96/blog-app

Discussion