[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_168":169,"_170":171},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_18":19,"_17":-7,"_127":-5,"_20":128,"_22":129,"_130":131,"_132":133,"_25":134,"_24":-5,"_135":-5,"_136":-5,"_137":54,"_138":139,"_140":45,"_141":-5,"_142":-5,"_143":144},"routes/_app.x.$handle.$name.branch.$branch.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":-7,"_25":26,"_27":-5,"_28":-5,"_29":-5,"_30":-5,"_31":-5},"handle","webmonk","name","SmartQuiz","branchName","main","version","path","","project",{"_34":74,"_13":14,"_46":75,"_76":-5,"_77":54,"_78":79,"_80":79,"_81":-5,"_82":-5,"_83":84,"_85":38,"_86":45,"_87":-5,"_88":-5,"_89":62,"_90":91,"_92":-5,"_93":-5,"_94":-5,"_95":-5,"_96":97,"_98":97,"_99":100,"_101":100,"_102":100,"_103":97,"_104":97,"_105":106,"_107":108,"_109":110,"_111":54},"tree",[65,66],"file","contents",[32,33],"upstream","pull","ahead","behind","envVars",{"_34":57,"_13":58,"_37":59,"_39":-5,"_40":41,"_42":60,"_44":45,"_46":61,"_17":62,"_49":24,"_51":63,"_53":54,"_55":-5,"_18":64},{"_34":35,"_13":36,"_37":38,"_39":-5,"_40":41,"_42":43,"_44":45,"_46":47,"_17":48,"_49":50,"_51":52,"_53":54,"_55":-5,"_18":56},"id","b26ca3f6-278c-11f0-a822-569c3dd06744","main.tsx","fileId","b1664890-278c-11f0-a822-569c3dd06744","parentId","branchId","b162e8c6-278c-11f0-a822-569c3dd06744","branchVersion",40,"latest",true,"createdAt",["D",1739822488564],39,"fileType","http","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect, useCallback } from \"https://esm.sh/react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport { OpenAI } from \"https://esm.town/v/std/openai\";\n\n// Enhanced subjects with more detailed metadata\nconst SUBJECTS = [\n { \n name: 'Mathematics', \n icon: '📐', \n color: '#3498db', \n gradient: ['#6a11cb', '#2575fc'],\n description: 'Test your mathematical reasoning and problem-solving skills',\n difficulty: ['Basic', 'Intermediate', 'Advanced']\n }, \n { \n name: 'Science', \n icon: '🔬', \n color: '#2ecc71', \n gradient: ['#38ef7d', '#11998e'],\n description: 'Explore scientific concepts and critical thinking',\n difficulty: ['Basic', 'Intermediate', 'Advanced']\n }, \n { \n name: 'History', \n icon: '🏛️', \n color: '#e74c3c', \n gradient: ['#ff6a00', '#ee0979'],\n description: 'Journey through time and understand historical contexts',\n difficulty: ['Basic', 'Intermediate', 'Advanced']\n }, \n { \n name: 'Computer Science', \n icon: '💻', \n color: '#9b59b6', \n gradient: ['#8e2de2', '#4a00e0'],\n description: 'Challenge your computational and logical thinking',\n difficulty: ['Basic', 'Intermediate', 'Advanced']\n }, \n { \n name: 'Geography', \n icon: '🌍', \n color: '#f39c12', \n gradient: ['#ffd700', '#ff8c00'],\n description: 'Navigate through global knowledge and spatial awareness',\n difficulty: ['Basic', 'Intermediate', 'Advanced']\n }, \n { \n name: 'Literature', \n icon: '📚', \n color: '#1abc9c', \n gradient: ['#16a085', '#2ecc71'],\n description: 'Dive into the world of words and literary analysis',\n difficulty: ['Basic', 'Intermediate', 'Advanced']\n }\n];\n\n// Sophisticated UI Components\nfunction ProgressBar({ progress, color }) {\n return (\n

\n );\n}\n\nfunction QuestionLoader({ subject }) {\n const [dots, setDots] = useState('');\n\n useEffect(() => {\n const interval = setInterval(() => {\n setDots(prev => prev.length >= 3 ? '' : prev + '.');\n }, 500);\n return () => clearInterval(interval);\n }, []);\n\n return (\n

\n {subject.icon}\n

\n Generating {subject.name} Question{dots}\n

\n \n

\n );\n}\n\nfunction App() {\n const [selectedSubject, setSelectedSubject] = useState(null);\n const [question, setQuestion] = useState(null);\n const [loading, setLoading] = useState(false);\n const [selectedAnswer, setSelectedAnswer] = useState(null);\n const [score, setScore] = useState(0);\n const [questionCount, setQuestionCount] = useState(0);\n const [error, setError] = useState(null);\n\n const generateQuestion = useCallback(async (subject, difficulty = 'Intermediate') => {\n setLoading(true);\n setSelectedSubject(subject);\n setSelectedAnswer(null);\n\n try {\n const response = await fetch('/generate-question', {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify({ \n subject: subject.name, \n difficulty \n })\n });\n \n const data = await response.json();\n \n if (!data.question || !data.options || !data.explanation) {\n throw new Error('Invalid question format');\n }\n\n setQuestion(data);\n setQuestionCount(prev => prev + 1);\n } catch (error) {\n console.error('Question generation error:', error);\n setError('Unable to generate question. Please try again.');\n } finally {\n setLoading(false);\n }\n }, []);\n\n const handleAnswerSelection = (optionId) => {\n setSelectedAnswer(optionId);\n \n if (optionId === question.correctAnswer) {\n setScore(prev => prev + 1);\n }\n };\n\n const renderSubjectSelection = () => (\n

\n {SUBJECTS.map((subject) => (\n

generateQuestion(subject)}\n onMouseOver={(e) => e.currentTarget.style.transform = 'scale(1.05)'}\n onMouseOut={(e) => e.currentTarget.style.transform = 'scale(1)'}\n >\n

\n {subject.icon}\n

{subject.name}

\n {subject.description}\n

\n ))}\n

\n );\n\n const renderQuestionView = () => (\n

\n {selectedSubject.icon}\n

{selectedSubject.name}

\n Score: {score}/{questionCount}\n

\n\n

\n {question.question}\n

\n \n {question.options.map((option) => (\n

!selectedAnswer && handleAnswerSelection(option.id)}\n >\n

\n \n {option.id}\n \n

\n \n {option.text}\n \n {selectedAnswer && option.id === question.correctAnswer && (\n ✓\n )}\n {selectedAnswer && selectedAnswer === option.id && option.id !== question.correctAnswer && (\n ✗\n )}\n

\n ))}\n\n {selectedAnswer && (\n

\n {selectedAnswer === question.correctAnswer \n ? '🎉 Correct Answer!' \n : '❌ Incorrect Answer'}\n

{question.explanation}

\n )}\n\n

\n \n \n

\n );\n\n return (\n

\n 🧠 Smart Quiz Challenge\n

\n \n {error && (\n

\n {error}\n

\n )}\n\n {loading && selectedSubject && }\n \n {!selectedSubject && !loading && renderSubjectSelection()}\n \n {selectedSubject && question && !loading && renderQuestionView()}\n

\n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\n\nif (typeof document !== \"undefined\") { client(); }\n\nexport default async function server(request: Request): Promise {\n const { OpenAI } = await import(\"https://esm.town/v/std/openai\");\n const openai = new OpenAI();\n\n if (request.method === 'POST') {\n const body = await request.json();\n\n if (request.url.includes('/generate-question')) {\n try {\n const completion = await openai.chat.completions.create({\n messages: [\n { \n role: \"system\", \n content: `You are an expert quiz question generator specializing in ${body.subject}. \n Generate high-quality, educational multiple-choice questions that:\n - Are appropriate for high school students\n - Test deep understanding, not just memorization\n - Include challenging but fair options\n - Provide educational explanations\n - Use clear, concise language` \n },\n { \n role: \"user\", \n content: `Create a ${body.difficulty} level multiple-choice question about ${body.subject} in this JSON format:\n{\n \"question\": \"Precise and engaging question text\",\n \"options\": [\n {\"id\": \"A\", \"text\": \"Thoughtful and plausible option\"},\n {\"id\": \"B\", \"text\": \"Another well-crafted option\"},\n {\"id\": \"C\", \"text\": \"A third option that seems reasonable\"},\n {\"id\": \"D\", \"text\": \"A final option to complete the set\"}\n ],\n \"correctAnswer\": \"B\",\n \"explanation\": \"A detailed, educational explanation that helps learners understand the concept deeply\"\n}` \n }\n ],\n model: \"gpt-4o-mini\",\n response_format: { type: \"json_object\" },\n max_tokens: 350\n });\n\n const questionData = JSON.parse(completion.choices[0].message.content);\n \n return new Response(JSON.stringify(questionData), {\n headers: { 'Content-Type': 'application/json' }\n });\n } catch (error) {\n console.error('Question generation error:', error);\n return new Response(JSON.stringify({ \n error: 'Failed to generate question', \n details: error.message \n }), { \n status: 500,\n headers: { 'Content-Type': 'application/json' }\n });\n }\n }\n }\n\n return new Response(`\n \n \n Smart Quiz Challenge\n \n 🧠\">\n \n \n \n

\n \n \n \n \n `, {\n headers: { 'Content-Type': 'text/html' }\n });\n}","deleted",false,"label",[36],"b1665312-278c-11f0-a822-569c3dd06744","README.md","b16653a8-278c-11f0-a822-569c3dd06744",1,["D",1739814374213],0,"# Smart Quiz - Challenge Your Knowledge\n#### *This is an AI quiz generator. The generated questions are based on the subject selected by student(user). The overall score of the student is calculated as the student continues taking the test, displayed along with the total questions already answered.*\n\n### *For more info: check it out for yourself*\n",[58],{"_34":57,"_13":58,"_37":59,"_39":-5,"_40":41,"_42":60,"_44":45,"_46":71,"_17":62,"_49":24,"_51":63,"_53":54,"_55":-5,"_68":72,"_18":73},{"_34":35,"_13":36,"_37":38,"_39":-5,"_40":41,"_42":43,"_44":45,"_46":67,"_17":48,"_49":50,"_51":52,"_53":54,"_55":-5,"_68":69,"_18":70},["D",1739822488564],"children",[],[36],["D",1739814374213],[],[58],"b16293c6-278c-11f0-a822-569c3dd06744",["D",1746214567339],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","userId","99e32ce0-ed55-11ef-af12-67b5d5b0b458","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","3b126d9a-27f1-45e0-a7ad-576ac36896c0","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_126":122},"org",{"_11":12,"_120":-5,"_121":122,"_83":84,"_123":124,"_125":54},"branch",{"_17":43,"_13":16,"_34":41,"_112":74,"_113":-5,"_114":-5,"_115":-5,"_116":-5,"_117":-5,"_118":14,"_119":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18ydEI3ZnkwYkg4WFJJMm4za2w2RjhBcXdwWkwifQ","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_34":74,"_13":14,"_46":164,"_76":-5,"_77":54,"_78":79,"_80":79,"_81":-5,"_82":-5,"_83":84,"_85":38,"_86":45,"_87":-5,"_88":-5,"_89":62,"_90":91,"_92":-5,"_93":-5,"_94":-5,"_95":-5,"_96":97,"_98":97,"_99":100,"_101":100,"_102":100,"_103":97,"_104":97,"_105":165,"_107":166,"_109":167,"_111":54},[158,159],"files",[158,159],"counts",{"_149":62,"_150":60,"_151":60,"_31":152,"_153":154},[145,146],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_34":57,"_13":58,"_37":59,"_39":-5,"_40":41,"_42":60,"_44":45,"_46":61,"_17":62,"_49":24,"_51":63,"_53":54,"_55":-5,"_18":148},{"_34":35,"_13":36,"_37":38,"_39":-5,"_40":41,"_42":43,"_44":45,"_46":47,"_17":48,"_49":50,"_51":52,"_53":54,"_55":-5,"_18":147},[36],[58],"pulls","branches","forks",{"_155":62,"_157":62},"connections",{"_155":62,"_156":62},"count","unfilledCount","emptyCount",{"_34":57,"_13":58,"_37":59,"_39":-5,"_40":41,"_42":60,"_44":45,"_46":71,"_17":62,"_49":24,"_51":63,"_53":54,"_55":-5,"_68":162,"_18":163},{"_34":35,"_13":36,"_37":38,"_39":-5,"_40":41,"_42":43,"_44":45,"_46":67,"_17":48,"_49":50,"_51":52,"_53":54,"_55":-5,"_68":160,"_18":161},[],[36],[],[58],["D",1746214567339],{"_11":12,"_126":122},{"_11":12,"_120":-5,"_121":122,"_83":84,"_123":124,"_125":54},{"_17":43,"_13":16,"_34":41,"_112":74,"_113":-5,"_114":-5,"_115":-5,"_116":-5,"_117":-5,"_118":14,"_119":12},"ctx",{"_105":-5,"_142":201,"_202":203,"_204":205,"_206":54,"_207":54,"_208":54,"_209":45,"_210":-5,"_211":-7,"_212":-7,"_213":62,"_214":54,"_215":54,"_216":-5,"_217":54,"_218":54,"_219":54,"_220":-5},"ENV",{"_172":173,"_174":175,"_176":16,"_177":178,"_179":180,"_181":182,"_183":184,"_185":186,"_187":188,"_189":190,"_191":192,"_193":194,"_195":196,"_197":198,"_199":200},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","811aa22498c9b0b5a47e8d778de579cdb990f332","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Code