Upgrading the Checkatrade Mobile Application

Let’s talk about your project

Let's connect
Callstack Cosmos
Callstack Cosmos

“The collaboration was great throughout, with Callstack engineers seamlessly working as part of our agile teams.”

Gareth Jenkins
-
Head of Engineering ‑ Trades Product

In brief

We optimized the client’s mobile app performance and introduced a custom tool to measure performance regressions. We set up performance tests and documentation to enable a seamless transition of knowledge with the in-house team of developers.

Client Info
Entain is one of the world’s largest sports betting and gaming entertainment groups.
Industry
Commercial gaming
Company type
Enterprise
Region
Australia, Asia & Oceania
Tech Info
Performance optimization project with the best practices, approaches & tech solutions
Technologies
React Native | Native
Platforms
iOS | Android
Stack
Redux | Tanstack | Reassure | GraphQL

Performance Boost

87.5%

In 87.5% of the screens, the number of rerenders decreased or remained the same, which affected the acceleration of the initial performance.

React Universe

In brief

Checkatrade is a platform set up to connect tradespeople in the UK with homeowners who need a given service. They are owned by Brookfield and have over 500 people working for them across their offices in Portsmouth and London. The purpose of our collaboration with Checkatrade was to deliver a first-rate mobile app working on multiple platforms.

Working on the app

The client already had a React Native application but needed its key sections rebuilt and migrated from an old legacy platform into the app. A dedicated team of Callstack developers was to help with that. The app development project went so well that the scope of work expanded - we took care of more areas than initially planned. At all times, we happily worked on the application with the in-house team.

Checkatrade needed to have the main sections built natively into the app. Previously for these important workflows, they were iframing in the web page version from their legacy portal, which hindered the app performance. 

To start with the project, Maciej Jastrzębski, specified which technologies to use. Since the client wanted to make instant releases, ideally, we decided to reuse what was already out there. That’s why our dev team made of Igor Bejnarowicz, Olimpia Żurek, Bartłomiej Dybowski, Michał Muzyk, and Marcin Swornowski suggested bringing into the app well-used and supported libraries including react-native-navigation, react-native-pager-view or Lodash. The whole project was coordinated by our PM, Natalia Gros.

In the beginning, we were asked to take care of the following areas: Jobs, Photos, and Reviews.

Each area was created with the user in mind. Thanks to the added functionalities, the registered tradespeople can now showcase their work and conveniently connect with their customers in the local area.

Screenshots with jobs, images and reviews in checkatrade app

As the project evolved, we were asked to create another category: Quotes and Invoices. It was a major new feature and we crucially helped the client hit a very key deadline for its launch. The cooperation was considered by the client to be highly successful at every stage.

“The collaboration between Checkatrade and Callstack was great throughout, with their engineers seamlessly working as part of our agile teams. At times where additional support and expertise was needed, we were able to tap into this as well. Overall a great collaborative effort."

Exemplary partnership

During the project, we were part of the client’s in-house teams, and joining them felt very natural - so did the whole partnership. Every release was a success, and it was a success achieved in the spirit of great trust and respect. We created a long-term successful partner experience showing that we are trusted experts and partners, not just developers who provide code. As the scope of work extended, it was crucial for us to work with alignment and transparency.

Lasting results

The intense transformation efforts resulted in moving Checkatrade off unwanted legacy systems. All the enhancements helped to massively improve the user experience in key areas of use. Ever since the notable features were rebuilt, the churn rate has steadily dropped.

Callstack approach

Our collaboration is always based on partnership and a very comprehensive approach: we dive into the project, analyze and discuss what should be done, and plan our work accordingly. The process is adjusted to a client’s needs. The Checkatrade project was no different. We offered our expertise and support at every stage of the app development - from a detailed review, the build and testing phases, to releasing the updates to customers. We applied the best React and React Native solutions available and relevant to the project.

The challenges we’ve solved so far

Related services

Service

Optimization of Products and Processes

Callstack illustration

get in touch

Fill in the form and tell us a little bit about your enquiry. We’ll get back to you promptly to discuss your requirements.

Get in touch
This information will be used only to contact you. For details, check our Privacy Policy.