Rocket.Chat integration

Author

Sebastian Konowrocki

LeanCode

Frontend Team Leader

If building an app there is a high chance that you’ll need some way of live communication. While browsing the Internet you’ll stumble upon lots of examples with different purposes and approaches. The obvious one being apps centred around communication like Messenger or Slack. But some are more hidden like support chat in Uber app. Many websites include flashy “contact us” widgets that allows them to communicate with their users if they have any questions.

Once you realize that your app needs a chat too then you have a hard nut to crack - use a solution from the market or go full custom and tailor the communication exactly to your needs. There’s no need to point out that no matter which approach you choose you have to accept its cons. In order to make a rational choice, you need to take all your requirements under consideration. For example… Do you need just plain text chat with no fancy formatting? Do you need attachments? Do you need mentions? Reactions? Do you need “X is typing”? Do you need voice or video? Do you need group chats? Do you need a custom layout? Do you need powerful administration tools? Do you need access to chats history? And most importantly how much do you want to spend on it?

Zomm integration, custom layout

Recently we were challenged to a difficult problem - develop a chat which has all the “yeses” but don’t spend a fortune on it. Based on our experience we knew that going full custom wasn't a viable option so we started digging for other products with the main focus being able to embed the chat in our app. One of the options was Rocket.Chat as we knew our client used it as their standalone chatting solution before. At first glance, it didn’t seem like something we could go with - just a Slack alternative. But to our surprise, there was a key feature for us hidden in the docs - Embedded Layout. So let's trace back to our requirements:

  • Fancy formatting - ✓
  • Attachments - ✓
  • Mentions - ✓
  • Reactions - ✓
  • “X is typing” - ✓
  • Voice and video - ✓
  • Group chats - ✓
  • Custom layout - ✓
  • Powerful administration tools - ✓
  • Chats history - ✓
  • Cost-efficient - ✓

Regarding cost efficiency - if you already have some infrastructure capability, Rocket.Chat offers a free self-hosted plan where you have negligible running cost if you have a throughput that your infrastructure can handle. All in all, there are solutions that can render my initial assumptions, that you can’t have everything, invalid. Of course, this is no golden hammer - it still has many limitations but with your next project, you might consider using Rocket.Chat.

One additional and not so obvious benefit of using Rocket.Chat is that your users can download fully featured app with push notifications on their Android/iOS device. So they always stay connected to you. We on our side handle everything from account creation to automatic login when the chat is embedded. But you’re giving your users the opportunity to still make use of chat features when they’re on the go (which might be very useful or unwanted depending on the case).

Read more

ZOOM integration

With the requirement of being fully remote, companies were desperately seeking for solutions. That’s when lots of different tools have emerged. One of them was Zoom. At LeanCode we have been previously using Zoom as a communication tool alongside our apps with awesome outcomes. FutureCollars platform uses it as their solution for live webinars where mentors give live lectures to their students.

Which browser features can you use to build your next web app?

Let’s take a look at how the gap between the Web and the native gets smaller and smaller.
logo

Case Study

Technologies

.NET Core

React

Related services

Web development

IT Consulting

Product Design

We start in simple 3 steps

step_icon

4h long workshop

During 4h we analyze the problem, assess solution and create the product roadmap.
step_icon

Proof of concept

Within next 3 days we prepare the technical proof of concept to check if it fits business.
step_icon

Recommendation

After the POC is accomplished we prepare the recommendation on how to implement the product with the offer.

Request the 5-STARS workshop

Discover new ways to build digital product that solves real life problems in just 4h
or send us your brief at hello@leancode.pl