[App]ポエム投稿アプリ

OVERVIEW

React×Firebaseでログインしてブログのように記事を投稿できるアプリを作りました。

-アプリ概要-

眠れぬ夜のポエムを誰でも簡単に投稿&閲覧できるアプリです。Firebaseを使ってデータの保存や取得、Googleアカウントでのログインやユーザー管理を行っています。夜中に布団の中で操作しても視覚的に刺激が少ないようにダークテーマを基本にしています。

Firebaseを利用したいというのが主な制作動機です。

使用技術:React, Firebase

その他ライブラリ:react-router, font-awesome


-ホーム画面-

全てのユーザーが投稿したポストが一覧表示されます。投稿者名はGoogleアカウントのusernameを取得して投稿単位で記録しているものを表示しています。(以下のスクショの投稿内容はAIに書いてもらいました)

ログイン後には自分が投稿したものを削除できるようにボタンが表示されます。


-ログイン画面-

なんの変哲もないログイン画面です。Googleでログインボタンを押すとよく見るGoogleアカウント選択画面が現れ、認証とログインが可能になります。


-記事作成画面-

ログイン済みユーザーにのみ表示される記事作成画面です。

タイトルと記事の内容を入力できます。