[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_23":24,"_25":26,"_27":21,"_28":21,"_29":21,"_30":21,"_31":21,"_32":21,"_33":34},"routes/canvas.shared.$sharedTextdocId",{"_9":10,"_11":-7,"_12":13,"_14":15,"_16":17,"_18":19,"_20":21,"_22":21},"sharedTextdocId","68adae5478048191a90683687add0304","versionInt","title","Ireland Millionaire - React Quiz","type","code/react","content","import React, { useEffect, useState, useRef } from \"react\";\n\n// Ireland \"Who Wants to Be a Millionaire\" style quiz\n// Drop this file into a React app (Vite / CRA). Tailwind CSS recommended for styling.\n// Replace the music/sfx URLs with your own files or public links.\n\nexport default function IrelandMillionaire() {\n const QUESTIONS = [\n {\n id: 1,\n question: \"What is the capital city of Ireland?\",\n options: [\"Belfast\", \"Cork\", \"Dublin\", \"Galway\"],\n answer: 2,\n explanation: \"Dublin is the capital and largest city of Ireland.\",\n prize: \"€100\"\n },\n {\n id: 2,\n question: \"Which Irish festival is traditionally held on March 17th?\",\n options: [\"Puck Fair\", \"St. Patrick's Day\", \"Galway Arts Festival\", \"Bloomsday\"],\n answer: 1,\n explanation: \"St. Patrick's Day (March 17) celebrates Saint Patrick, the patron saint of Ireland.\",\n prize: \"€200\"\n },\n {\n id: 3,\n question: \"Which Gaelic sport involves scoring goals and points and is played with a round ball called a sliotar?\",\n options: [\"Rugby\", \"Hurling\", \"Gaelic football\", \"Cricket\"],\n answer: 1,\n explanation: \"Hurling is played with a wooden stick (hurley) and a ball called a sliotar.\",\n prize: \"€300\"\n },\n {\n id: 4,\n question: \"Which famous Irish writer wrote 'Ulysses'?\",\n options: [\"Seamus Heaney\", \"Samuel Beckett\", \"James Joyce\", \"W. B. Yeats\"],\n answer: 2,\n explanation: \"James Joyce wrote 'Ulysses', published in 1922.\",\n prize: \"€500\"\n },\n {\n id: 5,\n question: \"Which Irish county is the Ring of Kerry located in?\",\n options: [\"County Cork\", \"County Kerry\", \"County Clare\", \"County Donegal\"],\n answer: 1,\n explanation: \"The Ring of Kerry is a scenic drive in County Kerry.\",\n prize: \"€1,000\"\n },\n {\n id: 6,\n question: \"What is the Irish name for Ireland?\",\n options: [\"Eire\", \"Alba\", \"Lloegr\", \"Éireann\"],\n answer: 0,\n explanation: \"Éire (anglicised as Eire) is the Irish name for the island/state.\",\n prize: \"€2,000\"\n },\n {\n id: 7,\n question: \"Which Irish band recorded the album 'The Joshua Tree'?\",\n options: [\"The Cranberries\", \"U2\", \"Bell X1\", \"Westlife\"],\n answer: 1,\n explanation: \"U2, from Dublin, released 'The Joshua Tree' in 1987.\",\n prize: \"€4,000\"\n },\n {\n id: 8,\n question: \"Which body of water lies to the east of Ireland?\",\n options: [\"Atlantic Ocean\", \"Irish Sea\", \"Celtic Sea\", \"North Sea\"],\n answer: 1,\n explanation: \"The Irish Sea sits between Ireland and Great Britain to the east.\",\n prize: \"€8,000\"\n },\n {\n id: 9,\n question: \"Which castle is famously located on the Dingle Peninsula?\",\n options: [\"Blarney Castle\", \"Ross Castle\", \"Dun Aengus\", \"Dingle Castle\"],\n answer: 2,\n explanation: \"Dun Aengus is an ancient stone fort on the Aran Islands — a signature Irish archaeological site. (Note: Dingle Peninsula has many sites; this question highlights Dun Aengus as an iconic site.)\",\n prize: \"€16,000\"\n },\n {\n id: 10,\n question: \"What is traditional Irish soda bread leavened with?\",\n options: [\"Yeast\", \"Bicarbonate of soda\", \"Baking powder\", \"Buttermilk only\"],\n answer: 1,\n explanation: \"Soda bread uses bicarbonate of soda (baking soda) and typically buttermilk as the acid.\",\n prize: \"€32,000\"\n },\n {\n id: 11,\n question: \"Which Irish poet won the Nobel Prize in Literature in 1923?\",\n options: [\"Seamus Heaney\", \"W.B. Yeats\", \"Patrick Kavanagh\", \"John Montague\"],\n answer: 1,\n explanation: \"W. B. Yeats received the Nobel Prize in Literature in 1923.\",\n prize: \"€64,000\"\n },\n {\n id: 12,\n question: \"Which Irish city is known as the 'Silver City by the Golden River'?\",\n options: [\"Limerick\", \"Waterford\", \"Cork\", \"Dublin\"],\n answer: 1,\n explanation: \"Waterford is often referred to as the 'Silver City by the Suir (Golden River)'.\",\n prize: \"€125,000\"\n },\n {\n id: 13,\n question: \"Which prehistoric monument is found at the Hill of Tara?\",\n options: [\"Passage tombs\", \"Ringforts and ceremonial sites\", \"Dolmens\", \"Standing stones only\"],\n answer: 1,\n explanation: \"The Hill of Tara contains a complex of ancient monuments important in medieval Irish tradition.\",\n prize: \"€250,000\"\n },\n {\n id: 14,\n question: \"Which Irish county is known as the 'Garden of Ireland'?\",\n options: [\"County Wicklow\", \"County Kerry\", \"County Meath\", \"County Kilkenny\"],\n answer: 0,\n explanation: \"County Wicklow is often called the 'Garden of Ireland' for its scenery.\",\n prize: \"€500,000\"\n },\n {\n id: 15,\n question: \"What is the name of the traditional Irish instrument similar to a small harp?\",\n options: [\"Bodhrán\", \"Uilleann pipes\", \"Tin whistle\", \"Irish harp ( cláirseach )\"],\n answer: 3,\n explanation: \"The cláirseach (Irish harp) is a traditional small harp associated with Ireland.\",\n prize: \"€1,000,000\"\n }\n ];\n\n const [index, setIndex] = useState(() => {\n const s = localStorage.getItem(\"im_index\");\n return s ? Number(s) : 0;\n });\n const [selected, setSelected] = useState(null);\n const [locked, setLocked] = useState(false);\n const [won, setWon] = useState(false);\n const [showExplanation, setShowExplanation] = useState(false);\n const [audience, setAudience] = useState(null);\n const [fiftyUsed, setFiftyUsed] = useState(false);\n const [phoneUsed, setPhoneUsed] = useState(false);\n const [hiddenOptions, setHiddenOptions] = useState([]);\n const audioRef = useRef(null);\n const correctSfxRef = useRef(null);\n const wrongSfxRef = useRef(null);\n\n useEffect(() => {\n localStorage.setItem(\"im_index\", index);\n }, [index]);\n\n useEffect(() => {\n const handler = (e) => {\n if (e.key >= \"1\" && e.key <= \"4\") {\n const optionIndex = Number(e.key) - 1;\n if (!locked) handleSelect(optionIndex);\n } else if (e.key === \"p\") {\n togglePlay();\n }\n };\n window.addEventListener(\"keydown\", handler);\n return () => window.removeEventListener(\"keydown\", handler);\n }, [locked]);\n\n function togglePlay() {\n const a = audioRef.current;\n if (!a) return;\n if (a.paused) a.play();\n else a.pause();\n }\n\n function handleSelect(optionIdx) {\n if (locked) return;\n setSelected(optionIdx);\n setLocked(true);\n // small delay for drama\n setTimeout(() => checkAnswer(optionIdx), 1200);\n }\n\n function checkAnswer(optionIdx) {\n const q = QUESTIONS[index];\n const correct = q.answer === optionIdx;\n setShowExplanation(true);\n if (correct) {\n // play correct sound\n if (correctSfxRef.current) correctSfxRef.current.play();\n setTimeout(() => {\n if (index === QUESTIONS.length - 1) {\n setWon(true);\n } else {\n setIndex((i) => i + 1);\n setSelected(null);\n setLocked(false);\n setShowExplanation(false);\n setHiddenOptions([]);\n setAudience(null);\n }\n }, 1200);\n } else {\n if (wrongSfxRef.current) wrongSfxRef.current.play();\n // game over - reveal correct\n setTimeout(() => {\n setLocked(true);\n }, 800);\n }\n }\n\n function restart() {\n setIndex(0);\n setSelected(null);\n setLocked(false);\n setWon(false);\n setShowExplanation(false);\n setHiddenOptions([]);\n setAudience(null);\n setFiftyUsed(false);\n setPhoneUsed(false);\n localStorage.removeItem(\"im_index\");\n }\n\n function useFifty() {\n if (fiftyUsed || locked) return;\n const q = QUESTIONS[index];\n const incorrect = q.options\n .map((o, i) => i)\n .filter((i) => i !== q.answer);\n // remove two incorrect at random\n const toHide = shuffle(incorrect).slice(0, 2);\n setHiddenOptions(toHide);\n setFiftyUsed(true);\n }\n\n function useAudience() {\n if (audience || locked) return;\n const q = QUESTIONS[index];\n // make audience votes biased toward correct\n const base = [10, 10, 10, 10];\n base[q.answer] += 60;\n // random small noise\n const noisy = base.map((b) => b + Math.floor(Math.random() * 11) - 5);\n const total = noisy.reduce((a, b) => a + b, 0);\n const pct = noisy.map((n) => Math.round((n / total) * 100));\n setAudience(pct);\n }\n\n function usePhone() {\n if (phoneUsed || locked) return;\n const q = QUESTIONS[index];\n // simulate friend — likely to suggest correct but not guaranteed\n const chance = Math.random();\n let suggestion;\n if (chance < 0.75) suggestion = q.answer;\n else suggestion = [0, 1, 2, 3].filter((i) => i !== q.answer)[0];\n setPhoneUsed(true);\n alert(\n `Phone-a-friend suggests option ${suggestion + 1}: \"${q.options[suggestion]}\" (it might not be 100% certain)`\n );\n }\n\n function shuffle(arr) {\n const a = [...arr];\n for (let i = a.length - 1; i > 0; i--) {\n const j = Math.floor(Math.random() * (i + 1));\n [a[i], a[j]] = [a[j], a[i]];\n }\n return a;\n }\n\n const q = QUESTIONS[index];\n\n return (\n

Ireland Millionaire

\n \n Toggle Music (P)\n \n \n

\n\n {/* Main content area */}\n

Question {index + 1} / {QUESTIONS.length}

{q.question}

Prize:

{q.prize}

\n\n

\n {q.options.map((opt, i) => {\n const hidden = hiddenOptions.includes(i);\n const isCorrect = q.answer === i;\n const isSelected = selected === i;\n const optionLabel = String.fromCharCode(65 + i);\n const audiencePct = audience ? ` (${audience[i]}%)` : \"\";\n\n let bg = \"bg-white/5\";\n if (locked && isSelected && !isCorrect) bg = \"bg-red-700\";\n if (locked && isCorrect) bg = \"bg-green-700\";\n\n return (\n handleSelect(i)}\n disabled={locked || hidden}\n className={`p-3 rounded-lg text-left flex items-center gap-3 ${bg} hover:bg-white/10 transition-colors ${hidden ? \"opacity-30 line-through\" : \"\"}`}\n >\n

{optionLabel}

{opt}

{isSelected ? \"Selected\" : \"\"}{audience && !hidden ? audiencePct : \"\"}

\n \n );\n })}\n

\n\n {showExplanation && (\n

\n Explanation: {q.explanation}\n

\n )}\n\n

\n\n

\n \n \n \n

\n\n

Tip: press 1-4 to choose an option. Press P to toggle background music.

\n\n

Money Ladder

\n {qq.id}. {qq.prize}\n

\n\n

Lifelines used

50:50: {fiftyUsed ? 'Used' : 'Available'}
Audience: {audience ? 'Used' : 'Available'}
Phone: {phoneUsed ? 'Used' : 'Available'}

\n\n

Progress

Question {index + 1} of {QUESTIONS.length}

\n\n {/* Footer / win panel */}\n

\n {won ? (\n

Congratulations — You won €1,000,000!

You answered all questions correctly.

\n ) : locked && selected !== null && q.answer !== selected ? (\n

Incorrect — Game Over

The correct answer was: {q.options[q.answer]}

\n ) : null}\n

\n\n {/* Hidden audio elements for bg music and sfx. Replace URLs with your own assets. */}\n

\n\n

Keyboard: 1-4 to answer • P to toggle music • Restart to start over

\n );\n}\n","access","public","isModerationBlocked",false,"isAnonifyApiKeyDetected","dd",{"_35":36,"_37":38},"disablePrefetch",true,"shouldPrefetchAccount","shouldPrefetchUser","shouldPrefetchSystemHints","promoteCss","disableSSR","stripModulepreloadImports","statsigGateEvaluationsPromise",["P",34],"traceId","5867141141878512728","traceTime",1776389853197]