Capstone: ship Smart Ledger
Assemble the product
This capstone starts empty—there is no fake ledger. A real user adds their own transactions. The app validates and normalizes input, stores amounts as agorot, persists locally, derives KPIs, filters rows, deletes entries, and exports a JSON backup.
The export is a real artifact. The storage is real browser storage. The only limitation is deliberate: this learning project never connects to a bank and never asks for banking credentials.
手順
Implement loadTransactions and saveTransactions using localStorage and JSON.
ヒント： Restore [] on parse failure; stringify transactions on every mutation.
どこに書けばいい？
// Assemble: load/save, validation, add/delete, derived KPIs, filter, and JSON export.5 行目に書きましょう — そのコメントの下、すでに書いたコードの後ろです。
Validate and normalize input in createTransaction.
Render KPIs and filtered rows from the transactions array.
Implement add and delete flows, saving after each mutation.
Export a real JSON backup with Blob and URL.createObjectURL.
あなたのコード
このステップで作りたいものを伝えてください。コードを書きます。あとは「適用」をクリックすればエディタに反映されます。 このステップ：Implement loadTransactions and saveTransactions using localStorage and JSON.