Box.xo | Ultimate Tic-Tac-Toe multiplayer web game

Client: Box.xo
Year: 2026
Service: Game and web development
Scope: Web game design and development, Real-time multiplayer backend, Game AI with three difficulty levels, Private rooms and invite sharing, UI/UX design, Responsive web app

Box.xo Ultimate Tic-Tac-Toe web game on three phones showing the home screen, AI difficulty picker, Friend Room code and a 9-board game in progress

Box.xo is a web-based multiplayer game built by MaJe Technologies that turns classic Tic-Tac-Toe into a strategic, chess-level challenge played across 9 connected boards, right in the browser.

9 interconnected boards: win three mini-boards in a row to win the game
Play vs AI with Easy, Medium and Hard levels
Private Friend Rooms with a share code, share link and WhatsApp invite
Real-time online multiplayer in the browser, no app download
18-second turn timer with an auto-move when time runs out
Player stats for wins, draws, losses and level
Sound effects and smooth animations on every move

Challenge

Tic-Tac-Toe is a game almost everyone knows, and almost everyone gets bored of it fast because good players always draw. The idea behind Box.xo was to keep the rules people already know but add enough depth that every move matters, and make it easy to play with a friend or alone, straight from a browser.

Approach

Rachit and Jenil from MaJe Technologies designed and built Box.xo as a web-based multiplayer game. The board is made of 9 interconnected mini-boards, and the square you play decides which board your opponent has to play in next, so you have to think a few moves ahead. You win by taking three mini-boards in a row. Players can face an AI on Easy, Medium or Hard, or create a private Friend Room and invite someone with a code, a link or a WhatsApp message. Each turn has an 18-second timer, and if time runs out the game makes a move for you, so matches keep moving. A stats screen tracks wins, draws, losses and level. The front end is built with React, TypeScript and Vite, styled with Tailwind CSS and Radix UI, and animated with Framer Motion and CSS transitions, with sound from the Web Audio API. A Node.js and Express backend with Socket.IO keeps both players in sync in real time.

Outcome

Box.xo is live at boxxo.onrender.com and plays in any modern browser on phones and computers, solo against the AI or live with a friend in a private room, and shows how MaJe Technologies builds real-time web apps and games end to end.

Built with

React
TypeScript
Vite
Node.js
Express
Tailwind CSS
Radix UI
Socket.IO
Web Audio API
CSS Transitions
Framer Motion

Visit project ↗

Questions about this project

What is Box.xo?

Box.xo is a web-based multiplayer game built by MaJe Technologies. It is an upgraded Tic-Tac-Toe played on 9 interconnected boards, where you win by taking three mini-boards in a row.

Can I play Box.xo with a friend or against the computer?

Both. You can play against an AI on Easy, Medium or Hard, or create a private Friend Room and invite a friend with a room code, a share link or WhatsApp.

How does the turn timer work in Box.xo?

Each player gets 18 seconds per turn. If the time runs out, the game makes an automatic move so the match keeps going.

Who built Box.xo and with what technology?

Rachit and Jenil of MaJe Technologies in Rajkot built it with React, TypeScript, Vite, Tailwind CSS, Radix UI and Framer Motion on the front end, and a Node.js, Express and Socket.IO backend for real-time play.