\n \n \n \n",[],[134,182],"6a8a242c-89bb-4697-95c7-94866ccab0c8","favicon.svg","d5922a00-7a3c-11f1-8d82-1607ee4eb77e",5,["D",1783453712485],"\n",[],[134,189],"8226b1dc-6d78-4cf8-9b62-b0c65aa0c920","App.tsx","d5d7385c-7a3c-11f1-91dc-1607ee4eb77e","1cb3c5c4-3931-4459-8ab6-a1019e6b4ed2",11,["D",1783453925644],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useEffect, useState } from \"https://esm.sh/react@18.2.0\";\n\ninterface Category {\n name: string;\n count: number;\n}\n\ninterface Question {\n id: string;\n question: string;\n option_a: string;\n option_b: string;\n option_c: string;\n option_d: string;\n correct_option: string;\n explanation: string;\n category: string;\n}\n\ntype Screen = \"select\" | \"warning\" | \"play\" | \"results\";\n\nconst REQUIRED_FOR_ALL = 10;\n\nexport function App() {\n const [screen, setScreen] = useState(\"select\");\n const [categories, setCategories] = useState([]);\n const [pendingCategory, setPendingCategory] = useState(null);\n const [surpriseNotice, setSurpriseNotice] = useState(null);\n\n const [category, setCategory] = useState(\"\");\n const [questions, setQuestions] = useState([]);\n const [current, setCurrent] = useState(0);\n const [selected, setSelected] = useState(null);\n const [submitted, setSubmitted] = useState(false);\n const [correctCount, setCorrectCount] = useState(0);\n const [streak, setStreak] = useState(0);\n const [maxStreak, setMaxStreak] = useState(0);\n const [startTime, setStartTime] = useState(0);\n const [elapsed, setElapsed] = useState(0);\n const [loading, setLoading] = useState(false);\n\n useEffect(() => {\n fetch(\"/api/categories\")\n .then((r) => r.json())\n .then((d) => setCategories(d.categories ?? []))\n .catch((e) => console.error(e));\n }, []);\n\n function beginGame(qs: Question[], cat: string) {\n setQuestions(qs);\n setCategory(cat);\n setCurrent(0);\n setSelected(null);\n setSubmitted(false);\n setCorrectCount(0);\n setStreak(0);\n setMaxStreak(0);\n setStartTime(Date.now());\n setScreen(\"play\");\n }\n\n async function loadAndStart(cat: string, surprise: boolean) {\n setLoading(true);\n try {\n const params = surprise ? \"surprise=1\" : `category=${encodeURIComponent(cat)}`;\n const res = await fetch(`/api/questions?${params}`);\n const data = await res.json();\n beginGame(data.questions, data.category);\n } catch (e) {\n console.error(e);\n } finally {\n setLoading(false);\n }\n }\n\n function handleSelectCategory(cat: Category) {\n setSurpriseNotice(null);\n if (cat.count < REQUIRED_FOR_ALL) {\n setPendingCategory(cat);\n setScreen(\"warning\");\n } else {\n loadAndStart(cat.name, false);\n }\n }\n\n async function handleSurprise() {\n setLoading(true);\n try {\n const res = await fetch(`/api/questions?surprise=1`);\n const data = await res.json();\n setSurpriseNotice(data.category);\n beginGame(data.questions, data.category);\n } catch (e) {\n console.error(e);\n } finally {\n setLoading(false);\n }\n }\n\n function submitAnswer() {\n if (selected == null || submitted) return;\n const q = questions[current];\n const isCorrect = selected === q.correct_option;\n setSubmitted(true);\n if (isCorrect) {\n setCorrectCount((c) => c + 1);\n setStreak((s) => {\n const ns = s + 1;\n setMaxStreak((m) => Math.max(m, ns));\n return ns;\n });\n } else {\n setStreak(0);\n }\n }\n\n function nextQuestion() {\n if (current + 1 >= questions.length) {\n setElapsed(Math.round((Date.now() - startTime) / 1000));\n setScreen(\"results\");\n } else {\n setCurrent((c) => c + 1);\n setSelected(null);\n setSubmitted(false);\n }\n }\n\n function playAgain() {\n loadAndStart(category, false);\n }\n\n function newCategory() {\n setSurpriseNotice(null);\n setScreen(\"select\");\n }\n\n if (screen === \"select\") {\n return (\n \n );\n }\n\n if (screen === \"warning\" && pendingCategory) {\n return (\n

\n Not enough questions in this category for all accomplishments\n

\n \"{pendingCategory.name}\" has only {pendingCategory.count} question\n {pendingCategory.count === 1 ? \"\" : \"s\"}.\n

\n loadAndStart(pendingCategory.name, false)}\n >\n Proceed Anyway\n \n setScreen(\"select\")}\n >\n Back\n \n

\n \n

\n );\n }\n\n if (screen === \"play\" && questions.length > 0) {\n const q = questions[current];\n const options = [\n { key: \"A\", text: q.option_a },\n { key: \"B\", text: q.option_b },\n { key: \"C\", text: q.option_c },\n { key: \"D\", text: q.option_d },\n ];\n const isCorrect = submitted && selected === q.correct_option;\n const isLast = current + 1 >= questions.length;\n return (\n

\n {surpriseNotice && (\n

\n 🎲 Surprise category: {surpriseNotice}\n

\n )}\n

Category: {category}

\n Question {current + 1} of {questions.length}\n

{q.question}

\n {options.map((opt) => {\n let cls = \"border-gray-300 hover:border-blue-400\";\n if (submitted) {\n if (opt.key === q.correct_option) {\n cls = \"border-green-500 bg-green-50\";\n } else if (opt.key === selected) {\n cls = \"border-red-500 bg-red-50\";\n } else {\n cls = \"border-gray-200 opacity-70\";\n }\n } else if (selected === opt.key) {\n cls = \"border-blue-500 bg-blue-50\";\n }\n return (\n setSelected(opt.key)}\n className={`w-full text-left px-4 py-3 border-2 rounded-lg transition ${cls}`}\n >\n {opt.key}.\n {opt.text}\n \n );\n })}\n

\n\n {!submitted && (\n \n Submit Answer\n \n )}\n\n {submitted && (\n

\n {isCorrect ? \"Correct!\" : \"Incorrect\"}\n

{q.explanation}

\n \n {isLast ? \"See Results\" : \"Next Question\"}\n \n

\n )}\n \n

\n );\n }\n\n if (screen === \"results\") {\n const total = questions.length;\n const pct = total > 0 ? Math.round((correctCount / total) * 100) : 0;\n const achievements: string[] = [];\n if (correctCount === total && total === 10) achievements.push(\"Perfect Round\");\n if (maxStreak >= 5) achievements.push(\"Hot Streak\");\n if (maxStreak >= 3) achievements.push(\"Triple Win\");\n return (\n

Results

\n {correctCount}/{total} Correct ({pct}%)\n

Time: {elapsed} seconds

\n\n

Achievements

\n {achievements.length === 0\n ?

No achievements this round

\n : (\n

🏆 {a}

\n )}\n\n

\n \n Play Again\n \n \n New Category\n \n

\n \n

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

Loading…

\n );\n}\n\nfunction Header() {\n return (\n

🧠 Quiz Game

\n );\n}\n\nfunction ViewSource() {\n return (\n

\n \n view source\n \n

\n );\n}\n\nfunction CategorySelect(\n { categories, onSelect, onSurprise, loading }: {\n categories: Category[];\n onSelect: (c: Category) => void;\n onSurprise: () => void;\n loading: boolean;\n },\n) {\n return (\n

Choose a category to start the quiz.

\n \n 🎲 Surprise Me!\n \n

\n {categories.map((cat) => (\n onSelect(cat)}\n className=\"px-4 py-3 border-2 border-gray-300 rounded-lg text-left hover:border-blue-500 hover:bg-blue-50 transition\"\n >\n

{cat.name}

{cat.count} questions

\n \n ))}\n

\n \n

\n );\n}\n",[],[134,205,197],"components","48ba25c5-d841-4183-8aeb-3755226f908b",6,["D",1783453712722],[160],[134,205],["D",1783453711839],[159,161,162,163],[134],"2cba64e1-e016-4ff9-a921-1077cc5ea63b","questions.csv","039356fe-7a3d-11f1-ae23-1607ee4eb77e",["D",1783453789629],"id,question,option_a,option_b,option_c,option_d,correct_option,explanation,category,tag1,tag2,tag3,difficulty,aha_level\nq001,What year did World War II end?,1943,1944,1945,1946,C,World War II ended in 1945 with Germany's surrender in May and Japan's surrender in September.,History,war,world war,1945,1,2\nq002,What is the capital of France?,London,Paris,Berlin,Rome,B,Paris has been the capital of France since the 10th century and is known as the City of Light.,Geography,europe,capital,city,1,1\nq003,Who painted the Mona Lisa?,Vincent van Gogh,Pablo Picasso,Leonardo da Vinci,Claude Monet,C,Leonardo da Vinci painted the Mona Lisa between 1503 and 1519. It's one of the most famous paintings in the world.,Art & Culture,painting,renaissance,artist,1,2\nq004,What is the largest planet in our solar system?,Mars,Saturn,Jupiter,Neptune,C,Jupiter is the largest planet with a diameter of about 143000 kilometers. It's a gas giant with a prominent Great Red Spot.,Science,astronomy,planets,space,1,2\nq005,How many legs does a spider have?,6,8,10,12,B,Spiders are arachnids and always have 8 legs. Insects have 6 legs while spiders have 8.,Nature,animals,arachnids,biology,1,1\nq006,What is the freezing point of water in Celsius?,0 degrees,-10 degrees,32 degrees,100 degrees,A,Water freezes at 0 degrees Celsius (32 degrees Fahrenheit) at standard atmospheric pressure.,Science,physics,temperature,water,1,1\nq007,Who wrote Romeo and Juliet?,Charles Dickens,William Shakespeare,Jane Austen,Mark Twain,B,William Shakespeare wrote Romeo and Juliet around 1595. It's one of his most famous tragic plays.,Literature,shakespeare,drama,classic,1,2\nq008,What is the smallest country in the world?,Monaco,Vatican City,San Marino,Liechtenstein,B,Vatican City is the smallest country with an area of only 0.44 square kilometers. It's located within Rome Italy.,Geography,countries,vatican,records,2,3\nq009,How many continents are there?,5,6,7,8,C,There are 7 continents: Africa Antarctica Asia Australia Europe North America and South America.,Geography,continents,world,basic,1,1\nq010,What element does the symbol 'O' represent?,Oxygen,Gold,Osmium,Oganesson,A,The chemical symbol O represents Oxygen. It's essential for life and makes up about 21% of Earth's atmosphere.,Science,chemistry,elements,oxygen,1,1\nq011,In which year did the Titanic sink?,1910,1912,1914,1916,B,The RMS Titanic sank on April 15 1912 after hitting an iceberg on its maiden voyage from Southampton to New York.,History,ship,disaster,titanic,1,3\nq012,Who composed the Four Seasons?,Mozart,Beethoven,Vivaldi,Bach,C,Antonio Vivaldi composed The Four Seasons around 1720. It's one of the most popular pieces of Baroque music.,Music,classical,composer,baroque,2,2\nq013,What is the largest organ in the human body?,Heart,Brain,Liver,Skin,D,The skin is the largest organ covering about 2 square meters. It protects the body and regulates temperature.,Health,anatomy,body,organs,2,3\nq014,How many bones are in the adult human body?,186,196,206,216,C,Adults have 206 bones. Babies are born with about 270 bones but some fuse together as they grow.,Health,anatomy,skeleton,bones,2,2\nq015,What is the currency of Japan?,Yuan,Won,Yen,Baht,C,The Japanese currency is the Yen. It's the third most traded currency in the foreign exchange market.,Finance,currency,japan,money,1,1\nq016,Who invented the telephone?,Thomas Edison,Alexander Graham Bell,Nikola Tesla,Benjamin Franklin,B,Alexander Graham Bell patented the first practical telephone in 1876. He made the first successful call on March 10 1876.,Technology,invention,communication,history,1,2\nq017,What is the hardest natural substance on Earth?,Gold,Iron,Titanium,Diamond,D,Diamond is the hardest natural substance. It scores 10 on the Mohs hardness scale and is made of pure carbon.,Science,geology,minerals,carbon,2,2\nq018,How many players are on a soccer team?,9,10,11,12,C,A soccer team has 11 players on the field including the goalkeeper. Teams can have substitutes on the bench.,Sports,soccer,football,team,1,1\nq019,What is the largest ocean on Earth?,Atlantic Ocean,Indian Ocean,Arctic Ocean,Pacific Ocean,D,The Pacific Ocean is the largest covering about 165 million square kilometers. It's larger than all land areas combined.,Geography,ocean,water,records,1,2\nq020,Who was the first person to walk on the moon?,Buzz Aldrin,Neil Armstrong,Yuri Gagarin,John Glenn,B,Neil Armstrong was the first person to walk on the moon on July 20 1969 during the Apollo 11 mission.,History,space,nasa,moon,1,3\nq021,What is the speed of light?,300000 km/s,150000 km/s,450000 km/s,600000 km/s,A,Light travels at approximately 300000 kilometers per second in a vacuum. Nothing can travel faster than light.,Science,physics,light,speed,2,2\nq022,Which vitamin is produced when skin is exposed to sunlight?,Vitamin A,Vitamin C,Vitamin D,Vitamin E,C,Vitamin D is produced when skin is exposed to UVB rays from sunlight. It's essential for bone health.,Health,vitamins,sun,nutrition,2,2\nq023,What is the largest desert in the world?,Sahara,Arabian,Gobi,Antarctic,D,The Antarctic Desert is the largest covering 14 million square kilometers. The Sahara is the largest hot desert.,Geography,desert,climate,records,3,4\nq024,Who painted the Sistine Chapel ceiling?,Raphael,Donatello,Michelangelo,Leonardo,C,Michelangelo painted the Sistine Chapel ceiling between 1508 and 1512. The Creation of Adam is the most famous section.,Art & Culture,painting,renaissance,michelangelo,2,3\nq025,What is the chemical symbol for gold?,Gd,Go,Au,Ag,C,Gold's chemical symbol is Au from the Latin word 'aurum'. It's element number 79 on the periodic table.,Science,chemistry,elements,metals,2,2\nq026,How many strings does a standard guitar have?,4,5,6,7,C,A standard guitar has 6 strings. They are tuned to E A D G B and E from lowest to highest pitch.,Music,instrument,guitar,strings,1,1\nq027,What is the largest mammal in the world?,African Elephant,Blue Whale,Giraffe,Polar Bear,B,The Blue Whale is the largest mammal reaching up to 30 meters in length and weighing up to 200 tons.,Nature,animals,mammals,ocean,1,3\nq028,In which country is the Great Barrier Reef located?,Indonesia,Philippines,New Zealand,Australia,D,The Great Barrier Reef is located off the coast of Queensland Australia. It's the world's largest coral reef system.,Geography,australia,reef,ocean,1,2\nq029,What temperature does water boil at sea level in Celsius?,90 degrees,95 degrees,100 degrees,105 degrees,C,Water boils at 100 degrees Celsius (212 Fahrenheit) at sea level. This decreases at higher altitudes.,Science,physics,temperature,water,1,1\nq030,Who wrote the Harry Potter series?,J.R.R. Tolkien,C.S. Lewis,J.K. Rowling,Roald Dahl,C,J.K. Rowling wrote the Harry Potter series of seven books published between 1997 and 2007.,Literature,fantasy,modern,books,1,2\nq031,What is the main ingredient in traditional hummus?,Lentils,Chickpeas,Black beans,Peas,B,Hummus is made primarily from chickpeas blended with tahini lemon juice and garlic. It originated in the Middle East.,Nutrition,food,middle eastern,legumes,2,2\nq032,How many hours are in a week?,148,156,168,176,C,A week has 168 hours (7 days x 24 hours). This equals 10080 minutes or 604800 seconds.,Daily Life,time,math,basic,1,1\nq033,What is the largest bird in the world?,Albatross,Condor,Ostrich,Eagle,C,The Ostrich is the largest bird reaching heights of 2.8 meters and weights of 150 kg. It cannot fly but runs very fast.,Nature,birds,animals,records,1,2\nq034,Who directed the movie Titanic?,Steven Spielberg,James Cameron,Christopher Nolan,Martin Scorsese,B,James Cameron directed Titanic released in 1997. It won 11 Academy Awards including Best Picture and Best Director.,Film & Television,movie,director,oscar,2,2\nq035,What is the capital of Australia?,Sydney,Melbourne,Canberra,Brisbane,C,Canberra is the capital of Australia. Many people incorrectly think it's Sydney which is the largest city.,Geography,australia,capital,city,2,3\nq036,What does CPU stand for?,Central Processing Unit,Computer Personal Unit,Central Processor Utility,Core Processing Unit,A,CPU stands for Central Processing Unit. It's the primary component that processes instructions in a computer.,Technology,computer,hardware,acronym,1,1\nq037,How many teeth does an adult human typically have?,28,30,32,34,C,Adults typically have 32 teeth including 4 wisdom teeth. Some people have their wisdom teeth removed.,Health,dental,anatomy,teeth,1,2\nq038,What is the longest river in the world?,Amazon,Mississippi,Yangtze,Nile,D,The Nile River is generally considered the longest at 6650 km. The Amazon is sometimes considered longer depending on measurement.,Geography,river,africa,records,2,3\nq039,Who painted Starry Night?,Pablo Picasso,Claude Monet,Vincent van Gogh,Edvard Munch,C,Vincent van Gogh painted The Starry Night in 1889 while in an asylum in France. It's one of the most recognizable paintings.,Art & Culture,painting,post-impressionism,vangogh,1,2\nq040,What is the smallest bone in the human body?,Stapes,Femur,Tibia,Radius,A,The stapes (stirrup bone) in the middle ear is the smallest at about 3 mm. It's part of the hearing mechanism.,Health,anatomy,bones,ear,3,4\nq041,Which planet is known as the Red Planet?,Venus,Mars,Jupiter,Saturn,B,Mars is known as the Red Planet due to iron oxide (rust) on its surface. It's the fourth planet from the Sun.,Science,astronomy,planets,mars,1,1\nq042,What does WWW stand for?,World Wide Web,World Web Window,Web Wide World,Worldwide Web,A,WWW stands for World Wide Web invented by Tim Berners-Lee in 1989. It's the system of interlinked web pages.,Technology,internet,acronym,web,1,1\nq043,How many sides does a hexagon have?,5,6,7,8,B,A hexagon has 6 sides. The prefix 'hexa' means six in Greek. Bee honeycomb cells are hexagonal.,Daily Life,shapes,geometry,math,1,1\nq044,What is the main language spoken in Brazil?,Spanish,Portuguese,French,Italian,B,Portuguese is the official language of Brazil. Brazil is the only Portuguese-speaking country in South America.,Geography,language,brazil,south america,2,2\nq045,Who was the first President of the United States?,Thomas Jefferson,John Adams,George Washington,Benjamin Franklin,C,George Washington served as the first U.S. President from 1789 to 1797. He's called the Father of His Country.,History,usa,president,founding,1,2\nq046,What is the square root of 144?,10,11,12,13,C,The square root of 144 is 12 because 12 x 12 = 144. Square roots are the inverse operation of squaring.,Daily Life,math,arithmetic,numbers,1,1\nq047,Which gas do plants absorb from the atmosphere?,Oxygen,Nitrogen,Carbon Dioxide,Hydrogen,C,Plants absorb carbon dioxide during photosynthesis and release oxygen. This process is vital for life on Earth.,Nature,plants,photosynthesis,biology,1,2\nq048,What is the smallest prime number?,0,1,2,3,C,The number 2 is the smallest prime number. It's also the only even prime number since all others are divisible by 2.,Daily Life,math,numbers,prime,2,3\nq049,How many keys are on a standard piano?,76,78,86,88,D,A standard piano has 88 keys: 52 white keys and 36 black keys. This range covers over 7 octaves.,Music,instrument,piano,keys,2,2\nq050,What is the largest country by land area?,Canada,United States,China,Russia,D,Russia is the largest country covering over 17 million square kilometers. It spans 11 time zones.,Geography,countries,size,records,1,2\nq051,What is the most abundant gas in Earth's atmosphere?,Oxygen,Carbon Dioxide,Nitrogen,Hydrogen,C,Nitrogen makes up about 78% of Earth's atmosphere. Oxygen is second at about 21% with other gases making up the remaining 1%.,Science,atmosphere,gases,earth,2,3\nq052,How many planets in our solar system have rings?,1,2,3,4,D,Four planets have rings: Jupiter Saturn Uranus and Neptune. Saturn's rings are the most visible and famous but all four gas giants have ring systems.,Science,astronomy,planets,rings,3,4\nq053,What gas do animals breathe in to stay alive?,Hydrogen,Nitrogen,Oxygen,Carbon Dioxide,C,Animals need oxygen for respiration which helps release energy from food.,Science,biology,respiration,basic,1,1\nq054,What force pulls objects toward the center of the Earth?,Magnetism,Friction,Gravity,Electricity,C,Gravity is the force that attracts objects toward each other; it keeps us on the ground and causes objects to fall.,Science,physics,forces,gravity,1,1\n",[],[141,215],["D",1783453789629],[157],[141],["D",1783453711217],{"_16":17,"_81":76},{"_16":17,"_75":76,"_77":76,"_33":34,"_78":79,"_80":26},{"_63":64,"_20":65,"_18":66,"_67":19,"_68":-5,"_69":-5,"_70":-5,"_71":-5,"_72":-5,"_73":21,"_74":17},"ctx",{"_56":-5,"_102":261,"_262":263,"_264":265,"_266":26,"_267":26,"_268":26,"_269":100,"_270":-5,"_271":-7,"_272":-7,"_273":40,"_274":26,"_275":26,"_276":-5,"_277":26,"_278":26,"_279":26,"_280":-5},"ENV",{"_232":233,"_234":235,"_236":65,"_237":238,"_239":240,"_241":242,"_243":244,"_245":246,"_247":248,"_249":250,"_251":252,"_253":254,"_255":256,"_257":258,"_259":260},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","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"]

Search