家計簿Webアプリ

https://github.com/reikaokamoto/my-app

TypeScript

CSS

JavaScript

Node.js

PostgreSQL

シンプルに続けられるWeb家計簿

岡本怜佳

推しアイデア

毎日の支出を誰でも手軽に記録・管理できる家計簿アプリです。カテゴリ別に支出を整理し、グラフでお金の使い方を可視化することで、無理なく家計改善につなげられるよう工夫しました。

作った背景

家計簿を続けたいと思っても、入力の手間や見づらさが原因で長続きしないと感じました。そこで、シンプルな操作で記録でき、収支を一目で確認できるWeb家計簿を制作しました。

推し技術

ReactとTypeScriptを用いてフロントエンドを構築し、Node.jsとExpressによるAPIでデータを管理しました。ログイン認証やグラフ表示を実装し、実用性を意識した構成にしました。

プロジェクト詳細

このWeb家計簿アプリは、日々の収入・支出を簡単に記録し、家計を見える化することを目的として制作しました。ユーザー登録・ログイン機能を備え、各ユーザーのデータを安全に管理できます。 収支はカテゴリごとに登録・編集・削除でき、一覧表示だけでなくグラフによる可視化にも対応しています。これにより、お金の使い道を直感的に把握でき、家計管理を継続しやすい設計となっています。 フロントエンドにはReactとTypeScript、バックエンドにはNode.jsとExpress、データベースにはMySQLを採用しました。REST APIを通じてデータをやり取りし、認証機能やCRUD機能を実装することで、実際のWebサービスを意識した構成で開発しました。

岡本怜佳

@6cd8f8b4c869208f