rve/learning-platform
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: implement quiz generation service with topic selection, LLM integration, and question bank management

Browse Source
This commit is contained in:
RaymondVerhoef
2026-05-25 22:08:18 +02:00
parent 3c04bab1b9
commit 7164317908
5 changed files with 163 additions and 163 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/pages/Dashboard.jsx
View File

@@ -178,7 +178,7 @@ const Dashboard = () => {
<div className="flex justify-between items-start mb-4">
<div>
<h3 className="text-xl">Testing</h3>
<p className="text-fg-muted text-sm mt-1">Weekly test — 5 questions</p>
<p className="text-fg-muted text-sm mt-1">Weekly knowledge test</p>
</div>
{testResult ? <Tag variant="success">Score: {testResult.percentage}%</Tag> : <Tag variant="default">To Do</Tag>}
</div>

8
src/pages/Testen.jsx
View File

@@ -182,7 +182,7 @@ const Testen = () => {
<h1 className="text-3xl md:text-4xl font-bold text-teal mb-4">Weekly Test</h1>
<p className="text-fg-muted text-lg mb-2">Week {weekNumber}</p>
<p className="text-fg-muted mb-8 max-w-md mx-auto">
Test your knowledge with 5 AI-generated questions. You have 5 minutes to complete the test. Good luck!
Test your knowledge with AI-generated questions. You have 5 minutes to complete the test. Good luck!
</p>
{error && (
@@ -196,9 +196,9 @@ const Testen = () => {
<div className="space-y-3">
<div className="flex items-center justify-center gap-6 text-sm text-fg-muted">
<span className="flex items-center gap-1.5"><CheckSquare size={14} /> 5 questions</span>
<span className="flex items-center gap-1.5"><CheckSquare size={14} /> Up to 5 questions</span>
<span className="flex items-center gap-1.5"><Clock size={14} /> 5 minutes</span>
<span className="flex items-center gap-1.5"><Trophy size={14} /> 20 pts max</span>
<span className="flex items-center gap-1.5"><Trophy size={14} /> 2 pts each</span>
</div>
<Button onClick={startQuiz} className="text-lg px-8 py-3">
Start Test <ArrowRight size={20} className="ml-2" />
@@ -215,7 +215,7 @@ const Testen = () => {
<div className="p-4 md:p-8 max-w-2xl mx-auto text-center py-20">
<Loader size={48} className="mx-auto text-teal animate-spin mb-4" />
<p className="font-medium text-lg">AI is generating your test...</p>
<p className="text-sm text-fg-muted mt-2">Preparing 5 questions based on your learning topics.</p>
<p className="text-sm text-fg-muted mt-2">Preparing questions based on your learning topics.</p>
</div>
);
}