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

前言

在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词典。点击顶部工具栏的词典切换图标,进入切换界面,选择前面我们创建的单词本。

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

开始练习

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

单词管理

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

帐户信息

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

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

项目地址

写在最后

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

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

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

  • 文中如有错误,欢迎在评论区指正,如果这篇文章帮到了你,欢迎点赞和关注😊
  • 本文首发于神奇的程序员公众号,未经许可禁止转载💌
相关推荐
IT_陈寒12 分钟前
JavaScript实战技巧总结:深挖数组遍历的性能陷阱与实战解法
前端·人工智能·后端
步行cgn20 分钟前
为什么既要 web.xml 又要 springmvc.xml?能不能只配一个?
xml·前端·hive
风骏时光牛马27 分钟前
大模型综合能力评测:多维度性能与对齐效果对比
前端
winfredzhang32 分钟前
从零手写一个毛玻璃风格的页面搭建台:单文件 HTML 实现组件放置、面板磁吸与图层管理
前端·html
葡萄城技术团队9 小时前
1000 人协同压测的环境瓶颈排查:CPU 争用与 Wi\-Fi
前端
学长毕设10 小时前
基于springboot的食品仓库管理系统
java·spring boot·后端
excel10 小时前
Marked 与 Markdown 有什么区别?该怎么选?
前端
滴滴答答哒10 小时前
ASP.NET Core + FaceRecognitionDotNet 人脸识别实战:DI 单例、特征向量持久化与 1:N 比对
后端·asp.net
Da Da 泓11 小时前
五子棋 Web 端测试用例报告
前端·网络·websocket·网络协议·测试用例·项目
zxcvb15312 小时前
远程查看本地文档:一条轻量 Web 文件服务的工程化链路
前端·远程查看文档