DEV Community

Cover image for 🚀 I Built a Real-Time Multiplayer Game Platform with MERN + Socket.IO: Meet PixelArena
Ahad
Ahad

Posted on

🚀 I Built a Real-Time Multiplayer Game Platform with MERN + Socket.IO: Meet PixelArena

#webdev #gamedev #showdev #react

🚀 Launching Pixel Arena — Real-Time Multiplayer Mini-Games in Your Browser!

Hey folks! 👋

I'm super excited to share my latest project — Pixel Arena, a browser-based multiplayer mini-game platform built using the MERN stack + Socket.IO.

🎯 Live Demo: https://pixelarena.netlify.app

🌟 GitHub: https://github.com/ahad324/Pixel-Arena

🕹️ What is Pixel Arena?

Pixel Arena is a real-time, fast-paced multiplayer game collection you can play straight from your browser. You create or join a room, share a code with friends, and dive into chaotic, strategic, or silly game modes.

It’s completely mobile-friendly and built for fun, quick play sessions.

🎮 Game Modes

Here’s what you can play right now:

Game Mode Emoji Description
Tag 🏃‍♂️ Avoid being “It” and earn points the longer you survive.
Territory Control 🎨 Paint the grid with your color before time runs out.
Maze Race 🗺️ First to find the maze exit wins!
Hide and Seek 👻 Seekers tag hiders in a maze. Caught players switch sides.
Heist Panic 💰 Pick the right keypad to escape. Wrong choices stun you.
Infection Arena 🦠 A virus spreads! Evade or infect others. Last one uninfected wins.
Trap Rush 💣 Reach the goal while dodging invisible traps.

More are in the works 👀

✨ Features

  • 🔁 Real-time multiplayer via Socket.IO
  • 🔒 Private + public room support
  • 📱 Mobile support + joystick controls
  • 😂 In-game live emoji reactions
  • 🎨 Multiple UI themes and color schemes
  • 💾 Persistent usernames (auto-saved)
  • 🧼 Clean monorepo with React + Node

🔧 Tech Stack

Frontend (client/)

  • React + TypeScript + Vite
  • TailwindCSS + Framer Motion
  • socket.io-client

Backend (server/)

  • Node.js + Express + TypeScript
  • Socket.IO for game syncing

DevOps

  • Monorepo
  • Netlify (client)
  • Railway with Nixpacks (server)

📸 Sneak Peek

Lobby

🤝 Contribute or Playtest!

Want to try it locally or contribute? Full local setup instructions are on the GitHub README.

Repo: https://github.com/ahad324/Pixel-Arena

If you like it, a ⭐ would mean a lot!

Also — I'd love feedback:

  • Which game modes do you like most?
  • Got an idea for a new one?
  • Any bugs or UX ideas?

Thanks for checking it out! 🙌

Top comments (0)