L08084のブログ

中安拓也のブログ

Angular + Firebase でメモアプリを作りました

f:id:l08084:20200620195338p:plain
作ったメモアプリ。名前はスリーメモ

はじめに

Firebaseの勉強のためにスリーメモというアプリを作りました。Evernoteみたいなメモアプリです。モバイル対応はまだできていないのですが、パソコンで何かメモ取りたいんだよね〜という人は試してみてください。

スリーメモのURL: https://taikin.web.app/lp

スリーメモの機能

スリーメモの機能について紹介します。

SNS認証

f:id:l08084:20200620201505p:plain
スリーメモのログイン画面

FacebookとTwitterのアカウントを持っている場合は、SNSのアカウントを使ってスリーメモのアカウント登録・認証を実施することができます。

フォルダ

f:id:l08084:20200620204142p:plain
フォルダでメモを分類

フォルダを作成することでメモを分類ごとに整理することができます。

スリーメモで使われている技術

スリーメモは、フロントエンドフレームワークにAngular、CSSフレームワークにAngular Materialを使用しています。Firebaseの機能のうち、Hosting, Authentication, Firestoreの3種類の機能を使用しています。