我们仍在将本课翻译成简体中文。目前您阅读的是English版本。帮助我们翻译

0%

跳转到正文

Capstone: ship Smart Ledger

高级~50 分钟0/5 步骤

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.

操作说明

1

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 行——在那条注释下方,接在你已经写好的代码后面。

2

Validate and normalize input in createTransaction.

3

Render KPIs and filtered rows from the transactions array.

4

Implement add and delete flows, saving after each mutation.

5

Export a real JSON backup with Blob and URL.createObjectURL.

你的代码

html
5 行
1
2
3
4
5

实时预览

实时预览