Creator Of Moodboosting Tests

import React, { useState } from 'react'; import { Progress } from '@/components/ui/progress'; import { Button } from '@/components/ui/button'; import { Card, CardContent } from '@/components/ui/card'; const Quiz = () => { const [currentQuestion, setCurrentQuestion] = useState(0); const [answers, setAnswers] = useState([]); const [showResult, setShowResult] = useState(false); const questions = [ { question: "What's your morning motto today?", options: [ { text: "Let's turn this day into an adventure! 🚀", points: { fox: 5, cat: 0, sloth: 0, owl: 1, dolphin: 4, penguin: 2, bear: 3, raccoon: 4 } }, { text: "Five more minutes... or hours... 😴", points: { fox: 0, cat: 3, sloth: 5, owl: 4, dolphin: 0, penguin: 1, bear: 4, raccoon: 2 } }, { text: "Where's my coffee and morning meditation? ☕", points: { fox: 1, cat: 4, sloth: 2, owl: 5, dolphin: 1, penguin: 3, bear: 2, raccoon: 0 } }, { text: "Time to raid the kitchen! 🍳", points: { fox: 3, cat: 2, sloth: 1, owl: 0, dolphin: 2, penguin: 4, bear: 5, raccoon: 5 } } ] }, { question: "What's your ideal outfit for today?", options: [ { text: "Something cozy and comfy like a blanket with sleeves 🛋️", points: { fox: 1, cat: 3, sloth: 5, owl: 2, dolphin: 0, penguin: 4, bear: 5, raccoon: 2 } }, { text: "Whatever's clean... or cleanish 🧺", points: { fox: 3, cat: 1, sloth: 4, owl: 0, dolphin: 2, penguin: 1, bear: 3, raccoon: 5 } }, { text: "Stylish and elegant, darling! ✨", points: { fox: 2, cat: 5, sloth: 0, owl: 3, dolphin: 4, penguin: 5, bear: 1, raccoon: 0 } }, { text: "Ready for action and adventure! 🦸", points: { fox: 5, cat: 2, sloth: 0, owl: 1, dolphin: 5, penguin: 3, bear: 2, raccoon: 3 } } ] }, { question: "How would you solve today's problems?", options: [ { text: "With clever tricks and quick thinking! 🧠", points: { fox: 5, cat: 3, sloth: 0, owl: 2, dolphin: 4, penguin: 1, bear: 0, raccoon: 5 } }, { text: "Sleep on it... literally 💤", points: { fox: 0, cat: 2, sloth: 5, owl: 1, dolphin: 0, penguin: 2, bear: 4, raccoon: 3 } }, { text: "With patience and ancient wisdom 🧘", points: { fox: 1, cat: 4, sloth: 3, owl: 5, dolphin: 2, penguin: 3, bear: 2, raccoon: 0 } }, { text: "Team effort! More paws make light work! 🤝", points: { fox: 2, cat: 0, sloth: 1, owl: 3, dolphin: 5, penguin: 5, bear: 3, raccoon: 4 } } ] }, { question: "What's your snack attack strategy?", options: [ { text: "Whatever's not nailed down! 🍪", points: { fox: 3, cat: 1, sloth: 2, owl: 0, dolphin: 2, penguin: 3, bear: 5, raccoon: 5 } }, { text: "Carefully planned gourmet meals 🍽️", points: { fox: 1, cat: 5, sloth: 0, owl: 4, dolphin: 3, penguin: 4, bear: 2, raccoon: 1 } }, { text: "Snacks? Too much effort... 🥱", points: { fox: 0, cat: 2, sloth: 5, owl: 1, dolphin: 1, penguin: 0, bear: 3, raccoon: 2 } }, { text: "Whatever I can find in someone else's lunch! 😈", points: { fox: 5, cat: 3, sloth: 1, owl: 2, dolphin: 4, penguin: 2, bear: 4, raccoon: 4 } } ] }, { question: "What's your superpower today?", options: [ { text: "Master of sneakiness and chaos! 🕵️", points: { fox: 5, cat: 4, sloth: 0, owl: 1, dolphin: 2, penguin: 1, bear: 0, raccoon: 5 } }, { text: "Professional nap taker 😴", points: { fox: 0, cat: 3, sloth: 5, owl: 2, dolphin: 1, penguin: 2, bear: 4, raccoon: 3 } }, { text: "Being absolutely fabulous! ✨", points: { fox: 3, cat: 5, sloth: 1, owl: 2, dolphin: 4, penguin: 5, bear: 1, raccoon: 2 } }, { text: "Solving mysteries of the universe 🔍", points: { fox: 2, cat: 1, sloth: 2, owl: 5, dolphin: 3, penguin: 3, bear: 2, raccoon: 4 } } ] }, { question: "What's your social vibe today?", options: [ { text: "Party animal! Let's gather the whole forest! 🎉", points: { fox: 4, cat: 0, sloth: 0, owl: 1, dolphin: 5, penguin: 5, bear: 2, raccoon: 3 } }, { text: "You can look, but no touch! 🚫", points: { fox: 1, cat: 5, sloth: 4, owl: 3, dolphin: 0, penguin: 1, bear: 3, raccoon: 2 } }, { text: "Small circle of trusted friends only 🤝", points: { fox: 3, cat: 3, sloth: 2, owl: 4, dolphin: 3, penguin: 4, bear: 4, raccoon: 4 } }, { text: "Leave me alone, I'm busy being mysterious 🌙", points: { fox: 2, cat: 4, sloth: 5, owl: 5, dolphin: 1, penguin: 0, bear: 1, raccoon: 5 } } ] } ]; const results = { fox: { title: "Clever Fox 🦊", description: "Today you're channeling fox energy! Quick-witted, resourceful, and ready for adventure. You've got that perfect mix of charm and cleverness that helps you think outside the box. Just try not to be too mischievous!", imageUrl: "/api/placeholder/400/300" // Replace with fox image URL }, cat: { title: "Sophisticated Cat 🐱", description: "Your inner cat is showing! You're feeling elegant, independent, and maybe a tiny bit judgmental (in a good way!). You know what you want and you're not afraid to knock things off tables to get it!", imageUrl: "/api/placeholder/400/300" // Replace with cat image URL }, sloth: { title: "Zen Master Sloth 🦥", description: "You're embracing your inner sloth today! Taking life slow, conserving energy, and somehow making laziness look like a philosophy. Remember: you're not slow, you're mindful!", imageUrl: "/api/placeholder/400/300" // Replace with sloth image URL }, owl: { title: "Wise Owl 🦉", description: "Your owl wisdom is shining through! You're feeling contemplative, insightful, and ready to dispense sage advice (whether people want it or not). Just try not to be too judgey with those big, knowing eyes!", imageUrl: "/api/placeholder/400/300" // Replace with owl image URL }, dolphin: { title: "Playful Dolphin 🐬", description: "Dolphin energy is strong with you today! Social, intelligent, and always up for fun. You're the perfect mix of playful and clever, making waves wherever you go. Just don't forget to come up for air!", imageUrl: "/api/placeholder/400/300" // Replace with dolphin image URL }, penguin: { title: "Dapper Penguin 🐧", description: "You're rocking penguin vibes today! Looking sharp, staying cool, and ready to slide into any situation with style. You make awkward look adorable and turn every walk into a waddle worth watching!", imageUrl: "/api/placeholder/400/300" // Replace with penguin image URL }, bear: { title: "Cozy Bear 🐻", description: "Today you're all about that bear life! Powerful yet cuddly, you're either ready to conquer the world or take a nap - there's no in-between. You've got that perfect mix of strength and snuggles!", imageUrl: "/api/placeholder/400/300" // Replace with bear image URL }, raccoon: { title: "Chaotic Raccoon 🦝", description: "Your raccoon energy is unstoppable! Creative problem solver by night, chaos agent by nature. You've got those clever hands and that mischievous mind working overtime. The trash is treasure, and the world is your dumpster!", imageUrl: "/api/placeholder/400/300" // Replace with raccoon image URL } }; const handleAnswer = (points) => { setAnswers([...answers, points]); if (currentQuestion < questions.length - 1) { setCurrentQuestion(currentQuestion + 1); } else { setShowResult(true); } }; const calculateResult = () => { // Initialize base scores const totalPoints = answers.reduce((acc, curr) => { Object.keys(curr).forEach(animal => { acc[animal] = (acc[animal] || 0) + curr[animal]; }); return acc; }, {}); // Add personality-specific modifiers based on answer combinations answers.forEach((answer, index) => { if (index > 0) { const prevAnswer = answers[index - 1]; Object.keys(answer).forEach(animal => { // Boost scores for consistent answer patterns if (answer[animal] >= 4 && prevAnswer[animal] >= 4) { totalPoints[animal] += 2; } }); } }); // Add weighted randomization Object.keys(totalPoints).forEach(animal => { const baseScore = totalPoints[animal]; // Randomization factor scales with base score const randomFactor = (Math.random() - 0.5) * (baseScore * 0.15); totalPoints[animal] = baseScore + randomFactor; }); // Find top three scores const sortedAnimals = Object.entries(totalPoints) .sort(([,a], [,b]) => b - a); // If scores are very close, add more randomization if ((sortedAnimals[0][1] - sortedAnimals[1][1]) / sortedAnimals[0][1] < 0.1) { const randomChoice = Math.random(); if (randomChoice < 0.6) return sortedAnimals[0][0]; if (randomChoice < 0.9) return sortedAnimals[1][0]; return sortedAnimals[2][0]; } return sortedAnimals[0][0]; }; const restart = () => { setCurrentQuestion(0); setAnswers([]); setShowResult(false); }; return ( <div className="min-h-screen bg-gradient-to-br from-rose-50 to-teal-50 p-4 flex items-center justify-center"> <Card className="w-full max-w-2xl bg-white/90 backdrop-blur-sm"> <CardContent className="p-6"> <h1 className="text-3xl font-bold text-center mb-8 text-teal-800"> What Animal Am I Today? 🐾 </h1> {!showResult ? ( <div className="space-y-6"> <Progress value={(currentQuestion / questions.length) * 100} className="mb-6" /> <h2 className="text-xl font-semibold mb-4 text-gray-800"> {questions[currentQuestion].question} </h2> <div className="space-y-3"> {questions[currentQuestion].options.map((option, index) => ( <Button key={index} onClick={() => handleAnswer(option.points)} className="w-full text-left justify-start h-auto py-3 px-4 bg-white hover:bg-teal-50 text-gray-700 border border-gray-200 hover:border-teal-200 transition-colors" variant="outline" > {option.text} </Button> ))} </div> <div className="text-center text-sm text-gray-500"> Question {currentQuestion + 1} of {questions.length} </div> </div> ) : ( <div className="text-center space-y-6"> <h2 className="text-2xl font-bold text-teal-800"> {results[calculateResult()].title} </h2> <img src={results[calculateResult()].imageUrl} alt={results[calculateResult()].title} className="mx-auto rounded-lg shadow-lg" /> <p className="text-gray-700 text-lg"> {results[calculateResult()].description} </p> <Button onClick={restart} className="mt-4 bg-teal-600 hover:bg-teal-700 text-white" > Take Quiz Again </Button> </div> )} </CardContent> </Card> </div> ); }; export default Quiz;