Brain Arena Logo

Brain Arena

About the Project

I’m building a small augmented reality quiz game inspired by classic game shows, but designed to run directly in the browser using WebXR. The idea is to display questions and answers as floating panels in the user’s space, making the experience feel more immersive than a standard 2D quiz.

Inspiration

The project started from my curiosity about spatial interfaces and how traditional UI elements could work in AR. I liked the idea of taking something simple—like a multiple-choice quiz—and turning it into a more interactive and playful experience.

How I Built It

I split the project into two main parts:

Backend (NestJS)

Provides APIs for questions, answer validation
I chose NestJS to keep the structure modular and clean as the project grows

Frontend (TypeScript + WebXR)

Handles all augmented reality rendering and interactions.
Question panels are displayed as 3D objects positioned in the scene.
I spent some time working on the visual style, using purple and gold tones to give it a game-show vibe.

The frontend communicates with the backend through simple REST endpoints.

What I Learned

Working on this project taught me quite a lot, especially about:

Designing UI that stays readable in AR under different lighting conditions (but the UI can still be improved a lot)
Managing depth, contrast, and spacing when elements live in a 3D environment.
Integrating WebXR with a more traditional backend.
Keeping two separate codebases (AR frontend and backend) organized during development.

Challenges I Faced

Some of the main challenges were:

Making sure text and panels were clear and easy to read in AR.
Finding the right balance between visual effects (glow, gradients) and usability.
Making user interactions in AR feel natural and intuitive.

What’s Next for the Project

Looking ahead, several features are planned to expand the experience and make the AR quiz more engaging and social:

Multiplayer Challenges

I plan to introduce real-time or asynchronous multiplayer modes where players can challenge friends or match with random opponents. This will add competitive depth and replayability to the game.

Global & Friends Leaderboards

A ranking system will allow players to compare their scores—globally or with friends—introducing a sense of progression and competition. Seasonal leaderboards are also being considered.

Question Categories

Players will soon be able to choose from themed categories (e.g., history, science, pop culture). This will allow for personalized game sessions and more variety.

Enhanced AR Interactions

Future iterations will focus on more dynamic AR elements, improved animations, and better spatial feedback to make the quiz panels feel even more immersive.