Gomada makes teams feel connected through collaborative experiences
By relying on Liveblocks to handle their collaboration infrastructure, Gomada can focus on their unique expertise: building truly engaged remote teams.
As we all know, the COVID-19 pandemic has significantly impacted how teams work
and bond globally. Employees and employers had to learn how to adapt to this new
context.
With many employees working remotely, it can be difficult to maintain cohesion
and motivation among team members. The lack of face-to-face interaction can make
communication more complicated, and company leaders fear their culture is
slipping away.
That’s when Gomada decided to step in and help those
companies build strong and truly engaged remote teams with little effort. They
decided to tackle this by offering two primary services within their product:
measuring teams’ engagement and suggesting
virtual activities
tailored to their specific needs.
To be successful, Gomada mastered various complex areas of knowledge:
psychology, human resources, game design, data analysis, machine learning, user
experience, and development. Their core expertise revolves around team building
and engagement, and anything that distracts them from their mission wastes time
and effort they can’t afford.
Read more if you want to learn how Gomada uses Liveblocks to offer its users a
delightful and realtime collaborative experience while focusing on what truly
matters: people.
Gomada uses React, and to enable realtime collaboration without adding too many
dependencies to their codebase, they installed the
@liveblocks/react package. This package,
combined with Liveblocks’ conflict-free data types, allows them to
synchronize the document’s state between users so that everyone can view and
edit the same data in realtime. Furthermore, Gomada can instantly show
everyone’s cursors in the document with Liveblocks’ presence,
enabling a truly collaborative and interactive experience.
To achieve a high-quality whiteboarding experience, the team used
Fabric.js, a powerful JavaScript library that was
quickly and easily plugged into Liveblocks’ storage and conflict-management
system. This was a significant advantage and allowed them to move quickly with
their development.
“The out of the box react hooks (@liveblocks/react) with integrated room history made implementing a realtime collaborative whiteboard very simple and saved us lots of time.”
In only a few days, they were able to create a collaborative, conflict-free
drawing experience with live cursors.
Notoriously tough to build, undo/redo in a collaborative environment is even
more difficult since managing multiple users’ interactions with a shared
document requires an intricate balance of logic and technology.
This is why the team at Gomada was particularly proud of their achievement in
developing a feature that allows multiple users to draw together without
conflicts and provides a user-friendly and intuitive way for users to undo and
redo their actions. Leveraging Liveblocks, they were able to take advantage of
seamless integration of undo/redo. Gomada has created a truly collaborative
experience that makes it easy for users to work together without any issues.
“Creating interactive activities is crucial to make remote team building engaging for participants. Liveblocks helped us bring our activities to another level fast with its simple API and platform.”
Joao AguiamCo-founder & CTO at Gomada
If you want to try Gomada’s collaborative whiteboarding experience, you can try
the excellent activity,
Memorable Moments, with
your team. This will allow you to discover Gomada’s best-in-class collaborative
experiences and their lighthearted/fun approach to remote connection.
Share an activity with colleagues by just sending an url
Show who’s online with you and send reactions in realtime
Show live cursors and realtime updates from everyone
Undo and redo any actions you have done
If this inspired you to make your product collaborative, here are a few
references that will help you accelerate development:
To show who is currently in the same document as you, check our example:
Live Avatar Stack.
To show people’s cursors in real time:
Live Cursors
To broadcast events to multiple people instantly, like when someone has
completed a task or sharing a reaction:
Live Cursors Chat