terisuke / expensetracker

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Expense Tracker

DEMO

紹介と使い方

  • FirebaseとReactNativeを使い、家計簿アプリを作成した。

  • FireBaseを使い、支出の登録、削除、編集ができる。

工夫した点

  • ログイン・サインアップ・ログアウト機能を実装して、アドレスとパスワードを知る家族と共有できるようにした。

  • リロードしてもログイン状態を保持するために、useEffectを使い、onAuthStateChangedを使って、ログイン状態を保持するようにした。

  • リロードすると、日付順に並び替えるようにした。

  • ログインしていない場合、ログイン画面にリダイレクトするようにした。

  • 直近の支出をソートして、表示するようにした。

苦戦した点

  • ログイン・サインアップ・ログアウト機能を実装するとナビゲーションが複雑になり、WelcomeScreenから家計簿画面に遷移するfunctionを作るのが難しかった。

参考にした web サイトなど

About


Languages

Language:JavaScript 100.0%