フロントエンドの作成

[fujithuro]

概要

バックエンド（WebAPI）はある程度実装できているが、フロントエンドはまだ何もない。 出費の登録画面や、当月の出費合計額を確認できる画面を作成する。

詳細

React（Next.js）で画面を作成する予定。 優先順位としては、まず出費の登録画面、次に出費合計額確認の画面の予定。

出費の登録画面

金額、使途、支払先、金額を入力し、費目を選択する画面。 出先でササッと入力したいので、スマートフォンからも入力しやすいレスポンシブなデザインにしたい。

出費合計額確認の画面

選択した年月に登録されている出費の一覧と、それらの金額合計を表示する画面。 費目をチェックボックスか何かでON/OFFできるようにし、ONの費目だけでを表示するようにも対応する。

[fujithuro]

セキュリティ面を何も考えていなかったが、まず最初にログインページを設けるなどの対策が必要ではないか？

セキュリティ関連は別のIssue #7 を作成しているので詳細はそちらに譲るが、 リアルな出費を扱うアプリとして、ただ単にリクエストを送り、レスポンスのjsonを見やすく表示するというだけでは （特にAWSなどにデプロイする前提であれば）不安がある。

忘れることがないよう、こちらのIssueでも言及しておく。