Share Prompt

\n \n {`V0 Prompt for Disney-Style Board Game\nCreate an interactive web-based version of \"Enchanted Kingdom Quest\" - a cooperative Disney-style board game. Build this as a single React component with the following specifications:\nVisual Design\n\nColor Scheme: Bright Disney-inspired pastels - soft purples, pinks, blues, golds, and greens\nTypography: Playful, rounded fonts that feel magical and child-friendly\nLayout: Central game board with side panels for player info and game controls\nArt Style: Use emoji and CSS to create a whimsical, cartoon-like aesthetic\n\nGame Board Layout\n\nCentral Kingdom Map: 5 interconnected circular kingdoms arranged in a pentagon pattern:\n\n🌳 Forest Kingdom (green theme)\n🌊 Ocean Kingdom (blue theme)\n⛰️ Mountain Kingdom (gray/brown theme)\n🏜️ Desert Kingdom (golden theme)\n☁️ Sky Kingdom (light blue/white theme)\n\n\nVisual Connections: Dotted lines or magical sparkles connecting adjacent kingdoms\nDarkness Indicators: Show 0-3 dark tokens on each kingdom (use 🖤 emoji)\nPlayer Positions: Show player avatars on their current kingdoms\n\nPlayer Interface\n\nCharacter Selection: 6 hero options with emoji avatars:\n\n⚔️ Brave Knight\n👸 Clever Princess\n🧙 Magical Apprentice\n🦌 Kind-Hearted Beast\n🗺️ Adventurous Explorer\n🧚 Wise Fairy\n\n\nPlayer Stats Panel: Show each player's current kingdom, special abilities, and collected items\nResource Tracking: Display Stardust ✨, Courage tokens 💪, and Magic Items 🎁\n\nInteractive Elements\n\nMovement System: Click on adjacent kingdoms to move your character\nQuest Cards: Modal popups with illustrated challenges and multiple solution options\nDice Rolling: Animated dice for Courage-based challenges\nFriendship Powers: Special buttons that appear when players are in the same kingdom\nProgress Tracking: Visual shadow counter and kingdom restoration progress bars\n\nGame Mechanics to Implement\n\nTurn-based Play: Clear indication of whose turn it is\nQuest Resolution: Different challenge types (dice rolls, multiple choice, puzzle elements)\nCooperative Elements: Bonus actions when players work together\nWin/Loss Conditions: Victory screen when all darkness is removed, defeat screen if shadow counter fills\nMagic Items: Collectible power-ups that provide ongoing benefits\n\nUI/UX Features\n\nAnimated Transitions: Smooth movements, sparkle effects when completing quests\nSound Feedback: Button clicks, success chimes, magical sound effects (optional)\nResponsive Design: Works well on both desktop and tablet\nGame State Persistence: Save current game progress\nTutorial Mode: Guided first-time player experience\n\nTechnical Requirements\n\nReact Hooks: useState for game state, useEffect for animations\nComponent Structure: Modular components for GameBoard, PlayerPanel, QuestModal, etc.\nCSS Animations: Smooth transitions, hover effects, celebration animations\nAccessibility: Proper ARIA labels, keyboard navigation support\n\nExample Quest Card Interaction\nWhen a player draws a quest card, show a modal with:\n\nIllustrated challenge description\n3-4 solution options (Courage, Wisdom, Friendship, Magic)\nSuccess/failure feedback with appropriate animations\nReward distribution (remove darkness token, gain items, etc.)\n\nMagical Polish\n\nParticle Effects: CSS-based sparkles and magical glimmers\nHover States: Kingdoms glow when hoverable, buttons have magical shimmer\nVictory Celebration: Confetti animation and uplifting message when players win together\nLoading States: Magical spinning animations while processing actions\n\nThe game should feel joyful, cooperative, and true to Disney's emphasis on friendship and teamwork. Make it visually delightful and easy to learn, with smooth animations that make every interaction feel magical.`}\n \n

{title}

kamalnrf

share-prompts

Mergeprompt-serverintoprompt-mcp