How We Breathed New Life Into A Gamblified Variation Of Chess Game

Description

Dice Chess is a variation of classic chess with elements of a game of chance. A user deposits money and competes with random people, but as opposed to the regular chess rules, they have to roll the dice to determine which piece they may move.

Tech stack

Frontend:React.js (Hooks), Redux, Material-UI, Storybook
Backend:Nest.js, Node.js, PHP, Mongoose, Express.js, RabbitMQ, MongoDB

Our role

UX/UI Design, Web Development, Backend, Support

The Challenge

The client came to us with an old ready-made chess game product. The objective was to rebuild it into a present-date web app that could compete with Chess.com.

Rocketech devs studied the old project's architecture and structure, as well as the protocol and data exchange format. The goal was to liven up the obsolete functionality and ensure safety at where people put their money at stake.

First iteration created by the predecessor team

The Solution

We updated the front-end and the back-end, refreshed the design, and adapted the interface for mobile devices. The work was completed in 3 iterations.

Redesign

After the back-end updates, we were up to a big scope of redesign work to turn an obsolete app into a breakthrough gaming product. To raise its competitiveness, we've implemented a number of features, such as:

  • Custom chessboard and chess pieces design.
  • New layout tailored for mobile devices.
  • CSS-based 3D animation.
  • Fullscreen for iPhone.

Back-end improvements

The game's engine was pretty old, so the first thing the team had to do was to improve the app's back-end.

The game already had an active user base, which we didn't want to lose. So, the speed of development was of great importance. We cut time to market through workflow optimization, smart prioritization, and Agile principles. This helped us quickly fix numerous bugs and adjust the old back-end to the modern front-end.

Redesign I
Logo redesign
Redesign I. Design update
Redesign II

New features

Before introducing Dice Chess to the modern gaming market, we wanted to spice it up with extra functionality.

  • The ability to create a group game for two game types: Classic and Double-Up.
  • The ability to play against the opponent or yourself.
  • The next chess move suggestion option.
  • The ability to raise bids and suggest a rematch.
  • Tournament table.
  • In-game chat for players.
  • For clients' security, we made sure that the gaming progress freezes in case of server-side issues.
  • Admin panel storing analytics and the track record of all moves in each game ever played.
  • Payment module integration for in-app payments (via Visa, Mastercard, PayPal, and more).
  • Rake system.
  • Public testing.
25
years
Continuation of history
We updated the front-end and back-end of the game dated 1999, giving it a new life and perspective.
10,000+
Requests per minute
The app can handle a massive user flow and has the potential to be one of the largest chess battlefields on the internet.
15+
Screen types support
Flexible layout powered by web technology helps adapt the game to different devices.
x2
Speed boost
We doubled the game speed on the client-side. The next stage objectives are speeding up the back-end by 2-3 times and scaling the project.

Results

The Rocketech team delivered full functionality: from registration to creating games and participating in them.
We fixed the back-end bugs, added gaming features, and improved 3D animation for the outdated game.
Adaptive futuristic design to operate on multiple platforms, such as Web, iOS, and Android.

Tell us what you have in mind

If you'd like to get in touch with us you can email us at info@rocketech.it, call us on +65 3159 3765, send us a message via our online form, or get answers in real time by simple briefing @RocketechHelloBot.
SingaporeMoscowKyivLondonSan Francisco