RoomRival | Devpost

Picture of our map with players claiming the rooms.
Leaderboard during the game.

Inspiration

RoomRival drew inspiration from the desire to revolutionize indoor gaming experiences. We wanted to create an innovative and dynamic platform that transforms ordinary spaces into competitive battlegrounds, bringing people together through technology, strategy, and social interaction while integrating the website with MappedIn API.

What it does

RoomRival is a fast-paced indoor game where players strategically claim rooms using QR codes (corresponds to each room), and tries to claim as many as possible. Players are able to steal rooms that have already been claimed by other players. The real-time leaderboard shows the ranking of players and the points they have gained. In addition, the real-time map also shows the room status of the map - whether a room is claimed (the claimed room is coloured according to the players colour) or not claimed.

How we built it

Crafting RoomRival involved using React for dynamic UI, Socket.io for real-time communication, JavaScript for versatile functionality, QR-Scanner for efficient room claiming once a player scans, Node.js for a robust backend, and MappedIn for precise mapping and visualization. This comprehensive tech stack allowed us to seamlessly integrate innovative features, overcoming challenges and delivering an immersive indoor gaming experience.

Challenges we ran into

Getting Socket.io up and running was tough, and we struggled with creating a real-time mapping system using MappedIn. Hosting and making the website work on phones posed some challenges, as well as making sure the dynamic look of the website worked well with the technical stuff behind it. Overcoming these issues needed us to work together and stick to making RoomRival awesome.

Accomplishments that we're proud of

We find satisfaction in successfully blending technology and real-world gaming, transforming RoomRival into an engaging and dynamic platform that captivates players. Our accomplishment lies in creating an immersive gaming experience that seamlessly fuses innovation with entertainment.

What we learned

Optimizing QR functionality with React, real-time communication with Socket.io, and backend operations with Node.js were integral lessons. Challenges in setting up Socket.io and real-time mapping with MappedIn, along with hosting dynamics, provided valuable insights. These learnings contributed to the successful creation of RoomRival.

What's next for RoomRival

RoomRival's future includes ongoing refinement, feature enhancements, and expanding the gaming community. We aim to introduce new challenges and expanding the map to not just UBC campus but anywhere the user wants, as well as explore opportunities for partnerships to continually elevate the RoomRival experience.