SOLO自制驾照科目1练习网站

具体场景:
我要考驾照,但是舍不得交驾考宝典APP的30元VIP会员费,也不想被广告骚扰。我想自己制作练习程序考科目1。(用来代替“驾考宝典APP”),顺便完成TARESOLO挑战赛。
说干就干,我把目光瞄准了SOLO。
作品展示:
主页:

练习:

考试界面:

开发过程(提示词加粗加黑)
step 1:获取题库
提示词:
你能帮我找到驾照科目1的所有题目,然后生成Markdown文档吗?
效果:
生成了doc文档和MarkDown文档,但是点开一看,题库里竟然没有图?
有些题目:如图1所示,下列图标的含义是?这种问题竟然没图?
提示词:
修改题库,有些题目需要图,但是没有图。从以下两种修改方案种选择一种。
a:添加题目对应的图片
b:删除缺失图片的题目
执行完毕后输出doc文档和markdown文档。

效果:
AI竟然把图片补齐了?真是让我大开眼界。AI比我预想的要强大许多。


第一步完成啦!接下来可以建设网站了。
step2:生成网站。
直接上提示词。
提示词:
这两步很好。接下来设计个网页。考试系统。
要求:在电脑和安卓手机上能运行。
网页主页是驾照模拟考试的界面。有5个功能:背题模式(正序),背题模式(乱序),练习模式,模拟考试,上传题库。
点击上传题库,你可以上传doc格式的文件和MarkDown格式的文件,并由电脑进行识别。如果你做不到这一点(你写不出代码让电脑识别doc的答案或者MarkDown的答案),把题库写死在代码里。
(或者你可以直接把题库写在代码里,如果这样做告知我)
背题模式(正序):
如果没上传题库,弹窗:请上传题库(上传题库做成按钮,功能和主页的上传题库一致)
如果上传题库,打开题库,生成做题页面。
题目依据题库里面的顺序生成,答完结束。
没做题的时候隐藏解析。
答题界面设置六个按钮:A,B,C,D,确定,不会做,下一题,上一题
点击下一题跳到下一题。
点击A,B,C,D,对应的选项会变成黄色。如果点完A点C,A的标黄取消,以此类推。点击确定对答案。如果选对了,选项变成绿色,如果选错,正确的答案变成绿色,错误的答案变成红色。无论选对选错,答案下面出现解析。
如果点不会做,直接出现解析。
在做完一道题(鼠标点击)后,显示对错,以及解析。然后增加按钮:下一题。点击就可以进入下一题。
点击上一题,就跳回到上一题(显示答案和解析)
背题模式(乱序):
和背题模式(正序)不同的是:题目随机生成,并且在n道题内不会重复(n为题目数量)
模拟考试:
设定一个45分钟的计时器。生成60道判断题和40道选择题。答完后
生成答题分数。
左侧生成可以上下移动的光标,上下拖动时显示题号。
答题界面有8个按钮:A,B,C,D,下一题,上一题,确定,查看试卷。
和背题模式不同的是:点击确定会跳到下一题。
点击上一题不会出现答案。
点击查看试卷,可以显示哪些题目没做,点击题目序号可以跳转到对应的题目,同时出现“交卷”按钮。
点击交卷:提交试卷,对几道题就显示多少分。同时出现所有题的答案和解析。(对的标绿色,错的正确答案标绿,你选的答案标红)
练习模式:和模拟考试的区别就是没有计时器,其他的和模拟考试一样。

生成的网页UI界面十分美观。但是我做完题我自己做对做错竟然不知道?让AI帮忙修改。
提示词:
修改代码。要求如下。
显示解析的时候显示以下内容:正确答案和你的答案。
在考试模式的时候,点击上一题,下一题不会出现解析。在背题模式(正序)和背题模式(乱序),练习模式中点击上一题,下一题会出现解析。

AI改完我还是不满意,考试的时候AI竟然报答案???岂有此理???
继续改。提示词如下:
修改考试模式:点击确定,做对做错不显示红绿
AI帮我生成了代码。
我经过测试以后,功能完全符合我的期望,很开心,真棒。
下载代码然后提交作品,收工。顺便祝愿我科目1顺利通过。

以下是仓库链接