Skip to content

我が家の家事お手伝いを加速させるプロトタイプなアプリ

Notifications You must be signed in to change notification settings

tongari/assist-housework

Repository files navigation

Production CI

家事お手伝いプロトタイプなアプリ

コンセプト

  • 家族内のお手伝いを加速させる。
  • TeamSpiritIEYASUみたいな勤務管理ツールのように、ワンクリックで作業申請・承認できるよう設計。
  • お手伝い状況の可視化。

説明

  • 我が家の家事を加速させるためのプロトタイプのアプリです。
  • プライベートで運用しながら、ブラッシュアップするかもしれません。
  • 気分次第でFirestoreを全削除したりしますのでご了承ください。
  • とりあえず、プロトタイプということで。
  • TODOがあります。

ワイヤーフレーム

wf

システム構成図

sys

利用技術やライブラリなど

言語

  • TypeScript

ライブラリ

  • React
  • React hooks
  • React context
  • react-hook-form / yup
  • react-firebase-hooks
  • Material-UI
  • などなど。

サーバレス

  • Firebase Authentication
  • Cloud Firestore
  • Firebase Hosting
  • Cloud Functions for Firebase

その他

  • Github actions
  • Docker
  • Firebase Local Emulator Suite

TODO

  • 第2フェーズとしてこっそりとプライベートレポジトリで、Next.jsで書き換える。
  • domain以下がひどいのでリファクタする。(第2フェーズリポジトリ)
  • functionsもリファクタ検討する。(第2フェーズリポジトリ)
  • FirebaseUIからの脱却。(第2フェーズリポジトリ)
  • 細かい修正や機能追加など。(第2フェーズリポジトリ)
  • アプリケーション側のテストを書かないと(第2フェーズリポジトリ)
    • firestore.rulesのテストは書いてます。
  • 第3フェーズで、ガワネイティブしてプッシュ通知受け取るかは全く未定です。(おそらくやりません)

作成してみて感じたこと

  • Redux 必要なかった。
    • 個人的にはContext + useStateやuseReducerで問題ない気がしてきました。
    • react-firebase-hooks 使ったら尚更いらならないと感じました...
  • なぜか、SendGridからアカウント停止された...(サポートにも連絡したのに復活しない。) が別手法のほうがユーザ体験良かったので、必要なくなった。
  • SendGridやAmazon SES使うにしてもバウンス対策って結構面倒だということがわかった。
  • 検証のためCreate React App で頑張ったけど、素直にwebpack.configで再構築しようかなぁと思ったこと多数。
    • react-app-rewired に手を出しそうだったけどなんとか踏みとどまりました。
  • Formik(ver1)には苦い思い出があるので react-hook-form 使いました。最高でした。
  • 上記はゲキ弱エンジニアのひとりごとです。