Vibe coding · PWA

Word Notebook

/wɜːd ˈnəʊtbʊk/noun
  1. 在电脑和 iPhone 之间同步的私有英语生词本。A private vocabulary notebook: look a word up, keep it, and review it before you forget.
Form
可安装的网页应用
Devices
iPhone · Mac · 浏览器
Stack
Cloudflare Workers + D1
Lookup
通义千问

六个词条,讲完这个应用

look up · notebook · entry · review · sync · private

look up

/lʊk ʌp/verb

先看释义,再决定收不收。

1

输入单词或短语,也可以一键粘贴。上一个还在查的时候可以接着输下一个,结果排进「最近查询」,点「加入」就收藏。

2

结果一次给全:音标、词性、中英文释义、词形和例句。已经收过的词可以「更新释义」,加入时间不变。

释义由通义千问给出。查词用的密钥只放在服务器端,不进网页。

notebook

/ˈnəʊtbʊk/noun

最新的词在最上面,复习不会打乱顺序。

1

默认按加入时间从新到旧排列,分成今天、昨天、最近 7 天,再往前按月份。也可以换一种排序,或者直接搜单词、释义和搭配。

  • 最新加入
  • 最早加入
  • 字母 A–Z
  • 下次复习
  • 全部
  • 待复习
  • 新词
  • 已掌握

entry

/ˈentri/noun

一个词条,该有的都有。

1

音标和朗读、词性、中英文释义、词形变化,还有带高亮的例句和带中文的常用搭配。朗读会挑设备上最清晰的英语语音。

2

往下是近义词、反义词和词典链接,最后是这个词的复习记录:状态、下次复习时间,以及一共 7 级的记忆阶段。

英文用衬线体 Iowan Old Style,电脑和手机显示一致。这一页的词头用的也是它。

review

/rɪˈvjuː/verb

按遗忘曲线复习,三种题型轮着来。

1

到期的词出现在「复习」里,每轮默认 20 个,可以在 5 到 200 之间调整。一轮结束后可以接着学新词,或者继续复习。

2

认意思、想单词、拼写三种题型轮流出现。答完先给对错和正确答案,再按「模糊」「记得」「很熟」安排下一次。

  • 认意思
  • 想单词
  • 拼写

答错或看了答案的词,隔几个词会再出现。

sync

/sɪŋk/verb

电脑上查的,手机上接着背。

1

生词本只有一份,存在云端。宽屏是左右分栏,手机上是独立的详情页,打开的是同一本。离线时也能打开,联网后自动同步。

可以把整本生词本连同复习记录导出为 JSON;导入备份时按单词合并,不会删掉已有的词。

private

/ˈpraɪvət/adjective

自己的服务器,自己的生词本。

1

部署在自己的 Cloudflare Worker 上,数据存在 D1 数据库里,用一把私有访问密钥保护。设备验证一次,之后保持登录。

在 iPhone 上添加到主屏幕全屏打开,在 Mac 上通过 Chrome 安装成应用。有新版本时,打开后自动更新。

Appendix

查词,收藏,复习。
一本就够。

  1. 01形态可安装的网页应用(PWA),不需要单独的原生客户端
  2. 02设备iPhone 主屏幕、Mac 应用程序,或者任何浏览器
  3. 03界面中文界面,单词、音标和英文释义保持英文
  4. 04架构Cloudflare Workers + D1,查词经由服务器转发给通义千问