家計簿

日々の収支記録から、サブスクリプションの固定費管理、そして目標金額に向けた進捗管理までを一元化できるWebアプリケーションです。 未来の目標達成にフォーカスしており、グラフやプログレスバーによる直感的なデータの可視化によって、節約や貯金のモチベーションを維持できる設計にしています。

【主な機能】 セキュアなユーザー認証機能： パスワードの暗号化（ハッシュ化）を伴うログイン・新規登録機能を実装し、自分専用のプライベート空間を保護。 ダッシュボード＆推移グラフ： 過去半年間の収支トレンドを2本の折れ線グラフ（Chart.js）で比較・分析。 サブスク＆カレンダー連携： 毎月の引き落とし日をカレンダー上にマッピングし、支払い済みか今後の予定かを視覚的に把握。 目標トラッカー： 「旅行資金」などの目標金額を設定し、現在の総残高に基づく達成度（％）をプログレスバーでリアルタイム表示。

【開発でこだわった点・工夫した点】 マルチユーザー環境でのバグ対応と状態管理： ログイン・ログアウト時に、前ユーザーのグラフデータやHTML上のテキストが残存してしまうバグに直面しましたが、状態リセット処理やChart.jsインスタンスの明示的な破棄を組み込むことで、セキュアで独立したデータ表示を実現しました。

【使用技術（技術スタック）】 フロントエンド： HTML, CSS, JavaScript (Vanilla), Chart.js バックエンド： Node.js, Express, bcryptjs データベース： PostgreSQL インフラ・デプロイ： Render (Web Service / PostgreSQL), GitHub