改造了一个练习英语的开源项目

前言

在2023年下半年,我决定将英语学习纳入我的计划清单,找到了一套适合自己的学习方法。在学习过程中,我养成了记录我不熟悉的单词,并计划在闲暇时复习这些新词以加强记忆的习惯。然而,经过一段时间的尝试,我发现自己很少去复习这些单词,它们大多只是被存储在了软件中,而没有得到有效回顾。

在2024年初,我偶然发现了一个名为qwerty-learner的开源项目,眼前一亮,这不正是我苦苦寻找的东西吗😀。使用体验后,我发现它的词库是固定的,无法直接进行个性化修改。如果想要添加自己的词库,需要自己拉代码到本地,加词库文件。对于想要添加个人词库的用户来说,这意味着需要下载代码到本地并手动添加词库文件,这对程序员而言是相当不便的。

因此,我决定fork这个项目,花了亿点时间,为其开发了添加单词/短语 功能,使得词库可以自定义 。完成后,我将其部署到了我网站的english-study路径下。

本文就跟大家分享下这个项目的使用方法,欢迎各位感兴趣的开发者阅读本文。

使用方法

打开浏览器访问网站(www.kaisir.cn/english-stu...%25EF%25BC%258C%25E4%25BC%259A%25E8%25B7%25B3%25E8%25BD%25AC%25E5%2588%25B0%25E7%2599%25BB%25E5%25BD%2595%25E7%2595%258C%25E9%259D%25A2%25EF%25BC%258C%25E9%2580%259A%25E8%25BF%2587%25E7%25AC%25AC%25E4%25B8%2589%25E6%2596%25B9%25E5%25B9%25B3%25E5%258F%25B0%25E6%258E%2588%25E6%259D%2583%25E7%2599%25BB%25E5%25BD%2595%25E5%258D%25B3%25E5%258F%25AF%25E8%25BF%259B%25E5%2585%25A5%25E7%25BD%2591%25E7%25AB%2599%25E3%2580%2582 "https://www.kaisir.cn/english-study/)%EF%BC%8C%E4%BC%9A%E8%B7%B3%E8%BD%AC%E5%88%B0%E7%99%BB%E5%BD%95%E7%95%8C%E9%9D%A2%EF%BC%8C%E9%80%9A%E8%BF%87%E7%AC%AC%E4%B8%89%E6%96%B9%E5%B9%B3%E5%8F%B0%E6%8E%88%E6%9D%83%E7%99%BB%E5%BD%95%E5%8D%B3%E5%8F%AF%E8%BF%9B%E5%85%A5%E7%BD%91%E7%AB%99%E3%80%82")

登录成功后,将看到如下所示的界面。

添加单词或短语

点击页面上方工具栏中的添加单词/短语图标,即可进入添加页面。

创建单词本

默认是没有单词本的,直接在录入界面创建即可,直接输入单词本名称,按下Enter键就会自动创建。

编写单词本描述。

注意⚠️:单词本只是创建了,还没有保存,需要添加单词/短语后,点保存,数据才会存储在服务器上。

录入单词/短语

有了单词本后,就可以输入英文以及释义,触发保存了。

添加成功后,单词本的描述将不可修改,会记住上一次保存时选择的单词本。

注意:如果你输入的是短语,录入的内容会存储在单词本的例句分类下。

选择单词本

默认情况下,系统选择的是CET-4词典。点击顶部工具栏的词典切换图标,进入切换界面,选择前面我们创建的单词本。

点击单词本后,选择一个章节即可。

开始练习

选择章节后,就会来到主页面,输入法切换到英文模式,就能练习你添加在单词本中的单词了🤗

单词管理

点击顶部工具栏的管理单词/短语图标,即可打开单词管理界面。如果录入的单词有错误时,就可以在此处进行删除。

帐户信息

通过第三方平台授权登录后,在设置界面的帐户信息菜单下,可以设置/修改用户名、密码。

注意:设置完用户名和密码后,就可以通过用户名、密码来登录系统了。

项目地址

写在最后

至此,文章就分享完毕了。

我是神奇的程序员,一位前端开发工程师。

如果你对我感兴趣,请移步我的个人网站,进一步了解。

  • 文中如有错误,欢迎在评论区指正,如果这篇文章帮到了你,欢迎点赞和关注😊
  • 本文首发于神奇的程序员公众号,未经许可禁止转载💌
相关推荐
丁总学Java12 分钟前
微信小程序-npm支持-如何使用npm包
前端·微信小程序·npm·node.js
姜学迁12 分钟前
Rust-枚举
开发语言·后端·rust
懒羊羊大王呀23 分钟前
CSS——属性值计算
前端·css
无咎.lsy1 小时前
vue之vuex的使用及举例
前端·javascript·vue.js
【D'accumulation】1 小时前
令牌主动失效机制范例(利用redis)注释分析
java·spring boot·redis·后端
fishmemory7sec1 小时前
Electron 主进程与渲染进程、预加载preload.js
前端·javascript·electron
fishmemory7sec1 小时前
Electron 使⽤ electron-builder 打包应用
前端·javascript·electron
2401_854391081 小时前
高效开发:SpringBoot网上租赁系统实现细节
java·spring boot·后端
Cikiss1 小时前
微服务实战——SpringCache 整合 Redis
java·redis·后端·微服务
Cikiss1 小时前
微服务实战——平台属性
java·数据库·后端·微服务