Memory Mansion Web Game

Memory Mansion — Explore surreal rooms, test your memory, and outwit forgetfulness before it gets you evicted.

Comment

Sure! Here's the Memory Mansion project write-up following your exact format, in Markdown:

🏰 Memory Mansion

🌱 Inspiration

Memory Mansion was inspired by a mix of curiosity, nostalgia, and chaos.

Memory Mansion was born from that spark. A playful, visually rich memory challenge where forgetfulness has consequences — you get evicted! It's not just about remembering. It’s about observation, misdirection, sabotage, speed — and embracing the quirks of your brain.

This was built for the single prompt challenge

💻 What It Does

Memory Mansion is a memory-based web game where players explore bizarre AI-generated rooms filled with quirky, surreal items. After exploration, players are quizzed on what they saw. Get too many answers wrong? You're evicted from the mansion.

Core features include:

  • 🕵️ Explore Phase: Walk through multiple rooms — each uniquely themed (e.g., Grandma’s Attic, Hacker’s Den, Haunted Lab). Every room contains strange objects placed visually in context (not just text cards).
  • ❓ Quiz Phase: You're asked challenging, misleading, or oddly specific questions about what you saw. (e.g., “What color was the cat’s monocle?” or “What item was missing from the hacker’s desk?”)
  • 💣 Eviction Meter: Each wrong answer raises your Forgetfulness Meter. Fill it up, and you're evicted from the mansion!
  • 🧠 Debrief Mode: After a round, an AI “Butler” explains why you might’ve forgotten things — in humorous or spooky tones.
  • 🎨 Themes & Rooms: Choose from game themes like “Night at the Museum,” “Wizard School,” or “Glitched Office.” Each theme changes the tone, colors, and room content.
  • 🔄 Multiplayer Mode: Play with friends in real-time. Race to recall rooms or set memory traps for each other (e.g., swap item positions in someone else’s game).
  • 🧩 Custom Quiz Builder: Players can build their own memory rooms using drag-and-drop tools, then challenge others to remember them.
  • 🌍 Localization: Multi-language support for wider accessibility.
  • 🌚 Night Mode + Seasonal Themes: Choose light/dark modes or play in Halloween, Holiday, or Summer themes.

🛠️ How I Built It

I started by refining the idea using ChatGPT and then crafted a complete full-stack build prompt with Bolt.new. The app was generated from a single intelligent prompt and refined using AI tools.

The full-stack build includes:

  • Frontend: React (Vite), TailwindCSS, and shadcn/ui
  • Backend: Supabase for user authentication, database storage, and multiplayer sync
  • Media: AI-generated room images with surreal object placements
  • Voice AI: ElevenLabs or similar for AI voiceovers (e.g., spooky Butler narrator)
  • Hosting: Deployed on Netlify

All logic — from memory tracking to quiz generation — is done dynamically using AI-enhanced content. I designed room layouts so items appear in visually contextual spots, not just as cards.

🧗 Challenges Faced

  • 🔧 Visual Accuracy: My original version displayed item cards instead of full visual rooms. Fixing this required prompting Bolt.new to generate room layouts with image placement, this is still not perfect and I'm working on it
  • 🌐 Multiplayer Logic: Real-time sabotage and syncing rooms in group games was a stretch — but Supabase made it easier.
  • 🧱 No design background: I had to trust the design Bolt.new gave me — thankfully, it used beautiful UI standards out of the box.

🏅 Accomplishments That I'm Proud Of

  • Built a complete AI-powered memory game in one shot, with no manual coding.
  • Transformed a quirky idea into a playable, replayable, and funny game.
  • Created a drag-and-drop Room Builder so players can make their own quiz levels.
  • Enabled real-time multiplayer with room sabotage — a fun twist on traditional games.

🧠 What I Learned

  • How to turn a simple game mechanic (recall) into a full-fledged immersive experience using visuals, sound, and interactivity.
  • The power of Bolt.new in building everything — from backend logic to frontend UI — with clarity and production-level polish.
  • Basics of real-time multiplayer syncing using Supabase subscriptions
  • How design matters even in fun games — color, spacing, pacing, and accessibility go a long way
  • How to think modularly (rooms, items, questions, roles, themes, voices)

🔮 What’s Next for Memory Mansion

  • 🎤 Adding more voice personalities to narrate gameplay (Butler, Grandma, Hacker, Alien)
  • 🏆 Adding leaderboards for top memory players
  • 🧠 Including neurodiversity-friendly modes like visual filters or simplified layouts
  • 📱 Exploring a mobile-first version for lighter, on-the-go play

My long-term dream is to evolve Memory Mansion into a tool for fun brain training, memory therapy, or even immersive education.

Built With

  • bolt.new
  • chatgpt
  • netlify
  • supabase
Share this project:

Updates