折半アプリ(第一弾完成)

OVERVIEW

Reactの練習

YEAR 2022

【目的】

夫婦で生活費を完全折半にしていますが、今までGoogleKeepで毎月手で入力してそれを電卓でたたいて金額を出していました。
他の家計簿アプリも試したのですが、私たちがやりたいのはある項目のみ2人で生活費を折半することだったのでシンプルでいいってことで作ることにしました。

また、Reactに興味を持ち始めて勉強していたので、見て学ぶよりも作った方が色々学べることも多いだろうと思い作ることにしました。

【制作期間】

2022年6月後半〜2022年7月前半

【担当業務】

機能作成

【使用ツール】

・React
・Next.js
・Tailwind CSS

【工夫したポイント】

夫婦や恋人同士で使用するのが前提なので、生活費を好きな割合負担に自由に変更できるようにしました。
文字で入力するのではなく簡単に直感で操作できるようにスライダーを使用しました。

合計を押したら円グラフを表示して、視覚的に割合がわかるようしました。
Reactを使用したのでスラスラ動きストレスがないのではないかと思います。

【今後追加したい機能や改善すること】

今は作成中ですが、ログイン機能を追加して、それぞれの家族ごとで過去のデータを保持して先月と今月の比較や1年を通してどれくらいのお金が出ていくのかをグラフにしたいです。

サブスクリプションも一緒に管理できるように機能を追加したいのと、見た目が簡素で資料感が強いため完成したら整えていきたいです。


WEBSITE