{"/styles.css":{"code":".app {\n font-family: system-ui, sans-serif;\n max-width: 800px;\n margin: 0 auto;\n padding: 2rem;\n}\n\n\n\n\n\n"},"/App.js":{"code":"import React, { useState, useEffect } from \"react\";\nimport \"./styles.css\";\n\nexport default function App() {\n const [homeButton, setHomeButton] = useState(false);\n const [infoButton, setInfoButton] = useState(false);\n const [score, setScore] = useState(0);\n const [q1a, setQ1a] = useState(false);\n const [q2a, setQ2a] = useState(false);\n const [q3a, setQ3a] = useState(false);\n const [q4a, setQ4a] = useState(false);\n const [q5a, setQ5a] = useState(false);\n const [q6a, setQ6a] = useState(false);\n const [q7a, setQ7a] = useState(false);\n const [q8a, setQ8a] = useState(false);\n const [q9a, setQ9a] = useState(false);\n const [timeOut1, setTimeOut1] = useState(false);\n const [timeOut2, setTimeOut2] = useState(false);\n const [timeOut3, setTimeOut3] = useState(false);\n const [timeOut4, setTimeOut4] = useState(false);\n const [timeOut5, setTimeOut5] = useState(false);\n const [timeOut6, setTimeOut6] = useState(false);\n const [timeOut7, setTimeOut7] = useState(false);\n const [timeOut8, setTimeOut8] = useState(false);\n const [timeOut9, setTimeOut9] = useState(false);\n const [n1, setN1] = useState(false);\n const [n2, setN2] = useState(false);\n const [n3, setN3] = useState(false);\n const [n4, setN4] = useState(false);\n const [n5, setN5] = useState(false);\n const [n6, setN6] = useState(false);\n const [n7, setN7] = useState(false);\n const [n8, setN8] = useState(false);\n const [n9, setN9] = useState(false);\n\n function homeButtonClicked() {\n setHomeButton(true);\n }\n\n function infoButtonClicked() {\n setInfoButton(true);\n }\n\n // 10s Timer\n \n useEffect(() => {\n if (!infoButton) return;\n\n const timer = setTimeout(() => {\n setTimeOut1(true);\n }, 10000);\n\n return () => clearTimeout(timer);\n \n }, [infoButton]);\n\n useEffect(() => {\n if (!n1) return;\n\n const timer = setTimeout(() => {\n setTimeOut2(true);\n }, 10000);\n\n return () => clearTimeout(timer);\n \n }, [n1]);\n\n useEffect(() => {\n if (!n2) return;\n\n const timer = setTimeout(() => {\n setTimeOut3(true);\n }, 10000);\n\n return () => clearTimeout(timer);\n \n }, [n2]);\n\n useEffect(() => {\n if (!n3) return;\n\n const timer = setTimeout(() => {\n setTimeOut4(true);\n }, 10000);\n\n return () => clearTimeout(timer);\n \n }, [n3]);\n\n useEffect(() => {\n if (!n4) return;\n\n const timer = setTimeout(() => {\n setTimeOut5(true);\n }, 10000);\n\n return () => clearTimeout(timer);\n \n }, [n4]);\n\n useEffect(() => {\n if (!n5) return;\n\n const timer = setTimeout(() => {\n setTimeOut6(true);\n }, 10000);\n\n return () => clearTimeout(timer);\n \n }, [n5]);\n\n useEffect(() => {\n if (!n6) return;\n\n const timer = setTimeout(() => {\n setTimeOut7(true);\n }, 10000);\n\n return () => clearTimeout(timer);\n \n }, [n6]);\n\n useEffect(() => {\n if (!n7) return;\n\n const timer = setTimeout(() => {\n setTimeOut8(true);\n }, 10000);\n\n return () => clearTimeout(timer);\n \n }, [n7]);\n\n useEffect(() => {\n if (!n8) return;\n\n const timer = setTimeout(() => {\n setTimeOut9(true);\n }, 10000);\n\n return () => clearTimeout(timer);\n \n }, [n8]);\n\n // 3s timer\n \n useEffect(() => {\n if (!(timeOut1 || q1a)) return;\n\n const timer = setTimeout(() => {\n setN1(true);\n }, 3000);\n\n return () => clearTimeout(timer);\n \n }, [timeOut1, q1a]);\n\n useEffect(() => {\n if (!(timeOut2 || q2a)) return;\n\n const timer = setTimeout(() => {\n setN2(true);\n }, 3000);\n\n return () => clearTimeout(timer);\n \n }, [timeOut2, q2a]);\n\n useEffect(() => {\n if (!(timeOut3 || q3a)) return;\n\n const timer = setTimeout(() => {\n setN3(true);\n }, 3000);\n\n return () => clearTimeout(timer);\n \n }, [timeOut3, q3a]);\n\n useEffect(() => {\n if (!(timeOut4 || q4a)) return;\n\n const timer = setTimeout(() => {\n setN4(true);\n }, 3000);\n\n return () => clearTimeout(timer);\n \n }, [timeOut4, q4a]);\n\n useEffect(() => {\n if (!(timeOut5 || q5a)) return;\n\n const timer = setTimeout(() => {\n setN5(true);\n }, 3000);\n\n return () => clearTimeout(timer);\n \n }, [timeOut5, q5a]);\n\n useEffect(() => {\n if (!(timeOut6 || q6a)) return;\n\n const timer = setTimeout(() => {\n setN6(true);\n }, 3000);\n\n return () => clearTimeout(timer);\n \n }, [timeOut6, q6a]);\n\n useEffect(() => {\n if (!(timeOut7 || q7a)) return;\n\n const timer = setTimeout(() => {\n setN7(true);\n }, 3000);\n\n return () => clearTimeout(timer);\n \n }, [timeOut7, q7a]);\n\n useEffect(() => {\n if (!(timeOut8 || q8a)) return;\n\n const timer = setTimeout(() => {\n setN8(true);\n }, 3000);\n\n return () => clearTimeout(timer);\n \n }, [timeOut8, q8a]);\n\n useEffect(() => {\n if (!(timeOut9 || q9a)) return;\n\n const timer = setTimeout(() => {\n setN9(true);\n }, 3000);\n\n return () => clearTimeout(timer);\n \n }, [timeOut9, q9a]);\n\n function HomePage() {\n return (\n

Minecraft Quiz

\n \n

\n );\n }\n\n function InfoPage() {\n return (\n

How To Play?

In this quiz there will be three levels: easy, medium, and hard. In each difficulty there will be three questions. There will be four options for you to pick, and you will have 10 seconds to answer. If you do not answer in 10 seconds, it will automatically be wrong.

\n \n

\n );\n }\n\n function question1(answer) {\n setQ1a(true);\n\n if (answer === 3) {\n setScore(prev => prev + 1);\n }\n }\n\n function question2(answer) {\n setQ2a(true);\n\n if (answer === 1) {\n setScore(prev => prev + 1);\n }\n }\n\n function question3(answer) {\n setQ3a(true);\n\n if (answer === 1) {\n setScore(prev => prev + 1);\n }\n }\n\n function question4(answer) {\n setQ4a(true);\n\n if (answer === 2) {\n setScore(prev => prev + 1);\n }\n }\n\n function question5(answer) {\n setQ5a(true);\n\n if (answer === 4) {\n setScore(prev => prev + 1);\n }\n }\n\n function question6(answer) {\n setQ6a(true);\n\n if (answer === 1) {\n setScore(prev => prev + 1);\n }\n }\n\n function question7(answer) {\n setQ7a(true);\n\n if (answer === 2) {\n setScore(prev => prev + 1);\n }\n }\n\n function question8(answer) {\n setQ8a(true);\n\n if (answer === 1) {\n setScore(prev => prev + 1);\n }\n }\n\n function question9(answer) {\n setQ9a(true);\n\n if (answer === 4) {\n setScore(prev => prev + 1);\n }\n }\n\n function ShowQuestion1() {\n return (\n

1. How to beat the game?

\n \n \n \n \n

\n );\n }\n\n function ShowQuestion2() {\n return (\n

2. What is the strongest armor?

\n \n \n \n \n

\n );\n }\n\n function ShowQuestion3() {\n return (\n

3. What tool can break wood the fastest?

\n \n \n \n \n

\n );\n }\n\n function ShowQuestion4() {\n return (\n

4. What is the rarest structure?

\n \n \n \n \n

\n );\n }\n\n function ShowQuestion5() {\n return (\n

5. What is the minimum amount of obsidian blocks required to build a working Nether Portal?

\n \n \n \n \n

\n );\n }\n\n function ShowQuestion6() {\n return (\n

6. What is the rarest ore?

\n \n \n \n \n

\n );\n }\n\n function ShowQuestion7() {\n return (\n

7. What can't be used to clutch?

\n \n \n \n \n

\n );\n }\n\n function ShowQuestion8() {\n return (\n

8. Which food restores the most hunger points?

\n \n \n \n \n

\n );\n }\n\n function ShowQuestion9() {\n return (\n

9. Which dimension has the highest maximum build height?

\n \n \n \n \n

\n );\n }\n \n ////////////////////////////////////////////////////////////////////////////////////////\n \n function ShowAnswer1() {\n return (\n

1. How to beat the game?

\n \n \n \n \n

\n );\n }\n\n function ShowAnswer2() {\n return (\n

2. What is the strongest armor?

\n \n \n \n \n

\n );\n }\n\n function ShowAnswer3() {\n return (\n

3. What tool can break wood the fastest?

\n \n \n \n \n

\n );\n }\n\n function ShowAnswer4() {\n return (\n

4. What is the rarest structure?

\n \n \n \n \n

\n );\n }\n\n function ShowAnswer5() {\n return (\n

5. What is the minimum amount of obsidian blocks required to build a working Nether Portal?

\n \n \n \n \n

\n );\n }\n\n function ShowAnswer6() {\n return (\n

6. What is the rarest ore?

\n \n \n \n \n

\n );\n }\n\n function ShowAnswer7() {\n return (\n

7. What can't be used to clutch?

\n \n \n \n \n

\n );\n }\n\n function ShowAnswer8() {\n return (\n

8. Which food restores the most hunger points?

\n \n \n \n \n

\n );\n }\n\n function ShowAnswer9() {\n return (\n

9. Which dimension has the highest maximum build height?

\n \n \n \n \n

\n );\n }\n\n function ScorePage() {\n return (\n

Your Score Is

{score} / 9

\n );\n }\n \n return (\n <>\n

{!homeButton && HomePage()}

{(homeButton && !infoButton) && InfoPage()}

{(infoButton && !(timeOut1 || q1a)) && ShowQuestion1()}

{((timeOut1 || q1a) && !n1) && ShowAnswer1()}

{(n1 && !(timeOut2 || q2a)) && ShowQuestion2()}

{((timeOut2 || q2a) && !n2) && ShowAnswer2()}

{(n2 && !(timeOut3 || q3a)) && ShowQuestion3()}

{((timeOut3 || q3a) && !n3) && ShowAnswer3()}

{(n3 && !(timeOut4 || q4a)) && ShowQuestion4()}

{((timeOut4 || q4a) && !n4) && ShowAnswer4()}

{(n4 && !(timeOut5 || q5a)) && ShowQuestion5()}

{((timeOut5 || q5a) && !n5) && ShowAnswer5()}

{(n5 && !(timeOut6 || q6a)) && ShowQuestion6()}

{((timeOut6 || q6a) && !n6) && ShowAnswer6()}

{(n6 && !(timeOut7 || q7a)) && ShowQuestion7()}

{((timeOut7 || q7a) && !n7) && ShowAnswer7()}

{(n7 && !(timeOut8 || q8a)) && ShowQuestion8()}

{((timeOut8 || q8a) && !n8) && ShowAnswer8()}

{(n8 && !(timeOut9 || q9a)) && ShowQuestion9()}

{((timeOut9 || q9a) && !n9) && ShowAnswer9()}

{n9 && ScorePage()}

\n \n );\n}"},"/index.js":{"code":"import React, { StrictMode } from \"react\";\nimport { createRoot } from \"react-dom/client\";\nimport \"./styles.css\";\n\nimport App from \"./App\";\n\nconst root = createRoot(document.getElementById(\"root\"));\nroot.render(\n \n \n \n);"},"/public/index.html":{"code":"\n\n\n \n \n \n MINECRAFT QUIZ\n\n\n

\n\n"}}

Minecraft Quiz by BlazeMaster