Game Mash

Mix of Mario Party x Jackbox!

Comment

Game Mash - Hackathon Submission

Inspiration

We were inspired by the nostalgic magic of classic arcade halls and the brilliant multiplayer design of Jackbox Games. We wanted to capture that "gather around one screen" energy that made gaming social before everyone disappeared into their own devices.

The idea hit us: what if we could turn any laptop into an instant arcade cabinet using the smartphones already in everyone's pockets? Plus, we couldn't resist adding some UMBC Retriever charm and retro tech nostalgia to the mix — because who doesn't love pixelated floppy disks and Game Boys? 🎮

What it does

Game Mash transforms any device with a screen into a multiplayer gaming hub through the power of QR codes! Players simply scan a code with their phones to instantly join the fun — no app downloads, no account creation, just pure arcade magic.

Current Games:

  • Memory Game (BINGO Theme): Match pairs of retro tech icons with our beloved UMBC Retriever watching over you
  • Racing Game: Navigate 3 lanes while dodging roadblockers in a frantic dash to the finish
  • Platformer: Classic side-scrolling action with physics-based jumping mechanics

All games feature pixel-perfect retro aesthetics, real-time synchronization across devices, and that sweet, sweet LL Baguid font that screams "I'm having way too much fun!"

How we built it

We crafted this digital arcade with a modern tech stack that would make any retro computing enthusiast proud:

Frontend Magic

  • React + TypeScript for bulletproof UI components
  • Tailwind CSS for that pixel-perfect styling
  • Custom retro assets and the legendary LL Baguid font

Backend Wizardry

  • Node.js + Express server for handling the chaos
  • Socket.io for lightning-fast real-time communication
  • Firebase Realtime Database for synchronized game states

The Secret Sauce

  • QR code generation for instant session pairing
  • Mobile-responsive controllers that feel natural on touchscreens
  • Railway deployment for backend hosting
  • Firebase Hosting for frontend delivery

Architecture Flow:
Main display generates session → QR code magic → Mobile devices join → Firebase syncs everything → Pure multiplayer chaos ensues!

Challenges we ran into

Oh boy, where do we start! 😅

  • Real-time Sync Nightmares: Getting Firebase to play nice with rapid-fire mobile inputs while keeping everything synchronized was like herding caffeinated cats
  • Mobile Touch Optimization: Making controls that don't accidentally trigger when you're excitedly waving your phone around
  • QR Code Reliability: Ensuring camera permissions work across different devices and browsers (looking at you, iOS Safari)
  • State Management Chaos: Keeping game states consistent across multiple devices without everything exploding
  • Pixel-Perfect Design: Achieving that authentic retro look while maintaining responsive design across screen sizes
  • Time Crunch Reality: 36 hours flies by when you're debugging why the UMBC Retriever isn't rendering properly!

Accomplishments that we're proud of

  • 🏆 Zero-Friction Gaming: No downloads, no accounts — just scan and play!
  • 🎨 Retro Aesthetic Mastery: We nailed that authentic 8-bit vibe with custom UMBC-themed pixel art
  • ⚡ Real-Time Magic: Achieved buttery-smooth synchronization between mobile controllers and main display
  • 📱 Universal Compatibility: Works on iOS, Android, laptops, tablets — basically anything with a screen and internet
  • 🎮 Three Complete Games: From concept to playable reality in one hackathon weekend
  • 🦮 UMBC Pride: Successfully integrated our beloved Retriever mascot without making it look cursed
  • 🔧 Solid Architecture: Built a scalable foundation that can easily support more games and features

What we learned

  • Firebase is Both Friend and Foe: Powerful for real-time apps, but debugging websocket issues at 3 AM is a special kind of pain
  • Mobile Web is Wild: Every browser handles touch events differently, and don't get us started on viewport units
  • QR Codes are Magic: The satisfaction of scanning a code and instantly joining a game never gets old
  • Pixel Art is Hard: Making 16x16 sprites look good requires more skill than we initially thought
  • Scope Management: Sometimes "just one more feature" leads to 4 AM debugging sessions
  • Team Chemistry Matters: Having teammates who laugh at your terrible variable names makes everything better
  • Users are Creative: People will try to break your game in ways you never imagined

What's next for Game Mash

We've got BIG dreams for this little retro platform! 🚀

Immediate Feature Expansion

  • Coin Collection Mechanics: Add currency systems across all games for that authentic arcade feel
  • True Multiplayer Support: Up to 8 players battling it out simultaneously
  • Jackbox-Style Text Games: Trivia, word games, and creative prompts that showcase player personalities

Game Mode Mayhem

  • One vs. All Battles: Single player takes on the crowd
  • Team-Based Competitions: Split into groups for collaborative chaos
  • Fast-Paced Remix Modes: Speed up existing games for adrenaline junkies
  • Full BINGO Experience: Complete bingo cards with social interaction elements

Quality of Life Upgrades

  • Spectator Mode: Let others watch and cheer without playing
  • Game Statistics & Leaderboards: Track high scores and epic fails
  • Custom Game Creation: Let users build their own mini-games
  • Voice Chat Integration: Trash talk enhancement system
  • Tournament Brackets: Organized competition structure

Technical Evolution

  • Offline Mode: Play without internet using local network
  • Screen Recording: Capture and share those clutch gaming moments
  • Advanced Analytics: Help game creators understand player behavior
  • Plugin Architecture: Community-driven game development

*Game Mash isn't just a hackathon project — it's the beginning of bringing people together through the universal language of *"wait, how did you do that?!" and "one more game!" 🎮✨

Built With

Share this project:

Updates