Skip to content

JD Bingo – Game built in 1 day with Planet 9 and Redis

Blog Banner


The 2022 is over, was a big year for me including the amazing Hackathon and Impact events in June. Since I started to work with the Neptune platform I wanted to create a game, so finally here is the idea: a bingo developed with P9 and Redis.

The room creation

When the user access the first time to the application can create a new room. In this process a structure containing the room data will be saved in cache (IndexedDB).

Create Room Dialog

Room host interface

In the header bar we have the room/user data and three buttons that enables you to:

  • turn on/off the music;
  • share the room link to other users;
  • exit from the room.

Below we have:

  • users online box;
  • new number box where the host has the button for get new ones;
  • bingo overview.
Bingo Overview

Join in the room

In order to join in the room the host will send the link got from the button on the header menu to the other users. Example:


Then the user can enter the username and join.

Join in the Room Dialog

User interface

The user interface is similar to the host one, in addition a random bingo ticket will be generated.

User Interface

How Redis works with Planet 9

First of all I installed a Redis server on a Linux machine, then used the corresponding URI under System Settings > Database (In-memory database). In the Events section of the cockpit I created the sendNewNumber event.

Redis Planet 9 Settings

In the App Designer I created the and elements, assigning the corresponding event in the attributes panel.

App Designer Events Elements

In the press event of the "Get New Number" button I generated a random number from 1 to 90 and then called the trigger function passing the new int as a parameter. In this way the host will send the new number to the other users connected.

let newNumber = getNewNumber();
triggersendNewNumberTrigger({number: newNumber});

In the action event of the sendNewNumberListener element the new number is received and the tables are updated.

if (!appContext.isHost) {    
    ModelData.Add(GtBingoNumbers, { number: data.number });    

What’s next

When the game starts the host get new numbers. The first user to get all 15 numbers in their ticket win the game.


I created a GIF (it may require some time to load):

View GIF

What I learned

Using Redis in P9 applications has a huge potential, I want to give a big thank you to the engineering team and everyone else involved in this release.

Wish you all a Happy New Year!