IT博客汇
  • 首页
  • 精华
  • 技术
  • 设计
  • 资讯
  • 扯淡
  • 权利声明
  • 登录 注册

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

    神奇的程序员发表于 2024-02-25 14:17:53
    love 0

    前言

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

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

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

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

    使用方法

    打开浏览器访问网站(https://www.kaisir.cn/english-study/),会跳转到登录界面,通过第三方平台授权登录即可进入网站。

    image-20240225205656392

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

    image-20240225205806211

    添加单词或短语

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

    image-20240225210310881

    创建单词本

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

    image-20240225210558806

    编写单词本描述。

    image-20240225210830405

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

    录入单词/短语

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

    image-20240225211150617

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

    image-20240225211316318

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

    选择单词本

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

    image-20240225211818853

    image-20240225211920368

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

    image-20240225212115030

    开始练习

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

    image-20240225212412750

    image-20240225212430744

    单词管理

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

    image-20240225212617720

    image-20240225212817439

    帐户信息

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

    image-20240225213944069

    image-20240225214024788

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

    项目地址

    • 在线访问地址 https://www.kaisir.cn/english-study
    • GitHub地址 https://github.com/likaia/qwerty-learner

    写在最后

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

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

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

    • 文中如有错误,欢迎在评论区指正,如果这篇文章帮到了你,欢迎点赞和关注😊
    • 本文首发于神奇的程序员公众号,未经许可禁止转载💌


沪ICP备19023445号-2号
友情链接