推しアイデア
収支の記録だけでなく、固定費・サブスク、カテゴリ別予算、使いすぎアラート、貯金目標の達成率まで一画面で確認できる点です。毎月のお金の状態を直感的に把握できるようにしました。
収支の記録だけでなく、固定費・サブスク、カテゴリ別予算、使いすぎアラート、貯金目標の達成率まで一画面で確認できる点です。毎月のお金の状態を直感的に把握できるようにしました。
日々の支出を記録しても、固定費や予算、貯金目標を別々に管理すると全体のお金の流れが分かりにくいと感じました。そこで、家計に関する情報をまとめて確認できるアプリを制作しました。
目標貯金額に対する達成率の自動計算や、カテゴリ別予算に応じた使いすぎアラートを実装しました。Reactで結果を見やすく表示し、ExpressとPostgreSQLで収支や固定費を集計しています。
本アプリは、Reactを用いてフロントエンドを開発し、収支情報、固定費、予算、貯金目標などを管理できる画面を作成した。バックエンドにはExpressを用いてREST APIを実装し、データの登録・編集・削除・集計を行っている。データベースにはRender PostgreSQLを採用し、収支データや固定費、カテゴリ別予算、目標貯金額を永続的に保存している。フロントエンド、バックエンド、データベースサーバーを分離した3層構成とし、フロントエンドはAPIを通してデータの取得・更新を行う構成とした。