[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_26":27,"_28":12,"_29":30,"_31":30,"_32":12,"_33":12,"_34":12,"_35":12,"_36":37},"routes/canvas.shared.$sharedTextdocId",{"_9":10,"_11":12},"sharedTextdoc",{"_13":14,"_15":-7,"_16":17,"_18":19,"_20":21,"_22":23,"_24":12,"_25":12},"isAuthenticated",false,"sharedTextdocId","69b2bbd3b6588191927db479a485ad3b","versionInt","title","Womens-history-month-trivia-app","type","code/react","content","import { useState, useEffect, useRef } from \"react\";\nimport { ChevronLeft, ChevronRight, RotateCcw, Check, X, Download, Share2, CheckCheck } from \"lucide-react\";\n\nconst triviaQuestions = [\n {\n id: 1,\n question:\n \"Which activist and former enslaved woman became one of the most famous abolitionist speakers and later advocated for women's rights?\",\n options: [\n { label: \"A\", text: \"Harriet Tubman\" },\n { label: \"B\", text: \"Sojourner Truth\" },\n { label: \"C\", text: \"Ida B. Wells\" },\n { label: \"D\", text: \"Mary McLeod Bethune\" },\n ],\n correctAnswer: \"B\",\n category: \"Abolition + Women's Rights\",\n },\n {\n id: 2,\n question:\n \"Which HBCU is part of the Atlanta University Center and is known for educating leaders like Dr. Martin Luther King Jr. and Maynard Jackson?\",\n options: [\n { label: \"A\", text: \"Howard University\" },\n { label: \"B\", text: \"Spelman College\" },\n { label: \"C\", text: \"Morehouse College\" },\n { label: \"D\", text: \"Tuskegee University\" },\n ],\n correctAnswer: \"C\",\n category: \"HBCU Leadership Legacy\",\n },\n {\n id: 3,\n question:\n \"Which Black journalist led a global anti-lynching crusade and used investigative reporting to expose racial violence?\",\n options: [\n { label: \"A\", text: \"Ida B. Wells\" },\n { label: \"B\", text: \"Septima Poinsette Clark\" },\n { label: \"C\", text: \"Fannie Lou Hamer\" },\n { label: \"D\", text: \"Zora Neale Hurston\" },\n ],\n correctAnswer: \"A\",\n category: \"Anti-Lynching Journalism\",\n },\n {\n id: 4,\n question:\n 'Who was the first Black woman elected to the U.S. Congress and is known for the phrase \"Unbought and unbossed\"?',\n options: [\n { label: \"A\", text: \"Shirley Chisholm\" },\n { label: \"B\", text: \"Barbara Jordan\" },\n { label: \"C\", text: \"Angela Davis\" },\n { label: \"D\", text: \"Kamala Harris\" },\n ],\n correctAnswer: \"A\",\n category: '\"Unbought and Unbossed\"',\n },\n {\n id: 5,\n question:\n \"Which mathematician's NASA work helped enable early U.S. crewed spaceflights and gained wider recognition through Hidden Figures?\",\n options: [\n { label: \"A\", text: \"Katherine Johnson\" },\n { label: \"B\", text: \"Mae Jemison\" },\n { label: \"C\", text: \"Dorothy Vaughan\" },\n { label: \"D\", text: \"Mary Jackson\" },\n ],\n correctAnswer: \"A\",\n category: 'NASA \"Hidden Figures\"',\n },\n {\n id: 6,\n question:\n \"Which Indigenous woman is widely recognized for organizing major land and water protection movements and opposing oil pipelines?\",\n options: [\n { label: \"A\", text: \"Wilma Mankiller\" },\n { label: \"B\", text: \"Deb Haaland\" },\n { label: \"C\", text: \"LaDonna Brave Bull Allard\" },\n { label: \"D\", text: \"Joy Harjo\" },\n ],\n correctAnswer: \"C\",\n category: \"Native Women + Water Protection\",\n },\n {\n id: 7,\n question:\n \"Which 1848 gathering in New York is often credited as the formal beginning of the organized women's rights movement in the U.S.?\",\n options: [\n { label: \"A\", text: \"Seneca Falls Convention\" },\n { label: \"B\", text: \"Albany Equality Summit\" },\n { label: \"C\", text: \"Freedom Summer Conference\" },\n { label: \"D\", text: \"Continental Women's Congress\" },\n ],\n correctAnswer: \"A\",\n category: \"Women's Rights Convention\",\n },\n {\n id: 8,\n question:\n \"Which Puerto Rican activist became a major voice for labor rights and Puerto Rican independence in the early 1900s?\",\n options: [\n { label: \"A\", text: \"Sylvia Rivera\" },\n { label: \"B\", text: \"Lolita Lebrón\" },\n { label: \"C\", text: \"Luisa Capetillo\" },\n { label: \"D\", text: \"Sonia Sotomayor\" },\n ],\n correctAnswer: \"C\",\n category: \"Puerto Rican Labor + Independence Leadership\",\n },\n];\n\nfunction Confetti({ active }) {\n const canvasRef = useRef(null);\n const animRef = useRef(null);\n const particles = useRef([]);\n\n useEffect(() => {\n if (!active) return;\n const canvas = canvasRef.current;\n if (!canvas) return;\n const ctx = canvas.getContext(\"2d\");\n\n const resize = () => {\n canvas.width = canvas.offsetWidth;\n canvas.height = canvas.offsetHeight;\n };\n resize();\n window.addEventListener(\"resize\", resize);\n\n const colors = [\"#5CC4BA\", \"#FF8C42\", \"#7FB069\", \"#2B3E8F\", \"#FFD700\", \"#E91E8C\"];\n particles.current = Array.from({ length: 80 }, () => ({\n x: Math.random() * canvas.width,\n y: -10,\n w: Math.random() * 10 + 4,\n h: Math.random() * 6 + 3,\n color: colors[Math.floor(Math.random() * colors.length)],\n vx: (Math.random() - 0.5) * 3,\n vy: Math.random() * 4 + 2,\n rot: Math.random() * 360,\n vr: (Math.random() - 0.5) * 8,\n opacity: 1,\n }));\n\n const draw = () => {\n ctx.clearRect(0, 0, canvas.width, canvas.height);\n particles.current.forEach((p) => {\n p.x += p.vx;\n p.y += p.vy;\n p.rot += p.vr;\n p.vy += 0.08;\n p.opacity -= 0.008;\n ctx.save();\n ctx.globalAlpha = Math.max(0, p.opacity);\n ctx.translate(p.x, p.y);\n ctx.rotate((p.rot * Math.PI) / 180);\n ctx.fillStyle = p.color;\n ctx.fillRect(-p.w / 2, -p.h / 2, p.w, p.h);\n ctx.restore();\n });\n particles.current = particles.current.filter((p) => p.opacity > 0);\n if (particles.current.length > 0) animRef.current = requestAnimationFrame(draw);\n };\n\n animRef.current = requestAnimationFrame(draw);\n return () => {\n cancelAnimationFrame(animRef.current);\n window.removeEventListener(\"resize\", resize);\n };\n }, [active]);\n\n return

{questionText}

Quiz Complete!

\n Surge Vibes for Women's History Month 🏆\n