Making Payments in Jordan Simple, Safe and Cost-Effective

Providing an affordable and simple mobile payments solution that can make lives easier. Even for the unbanked communities.
Mobile App Development
Quality Assurance
UI/UX Design
ASP.NET Core
C#
Firebase
Google Cloud Platform
JavaScript
Microsoft Azure
React Native
TypeScript

Managing your finances in a post-digital revolution world seems simple, but what if you don’t have a bank account? It may come as a surprise to some, but there are still millions of unbanked smartphone users who need a simple and reliable way to pay their bills, transfer money or track their finances. In Jordan, one company, Dinarak, decided to cater to their needs and Code & Pepper was assigned a series of tasks to help them provide a perfect solution for the unbanked part of the society.

About Dinarak

Dinarak is a licensed payment services provider under the Central Bank of Jordan’s innovative ‘JoMoPay’ system. The company aims to offer the least expensive solution in the market, with the simplest systems and with the most extensive network of physical agents nationwide.

Dinarak’s app is an all-in-one solution: a digital wallet, instant payments system and funds disbursement tracker. Thanks to such versatility, it empowers the unbanked part of Jordan’s society to use their money any way they want.

What is extremely important, thanks to keeping the fees on a minimal level, a Dinarak account is suitable for all types of transactions, even those of less than one Dinar. It makes it more practical than credit cards or traditional bank accounts. Besides that, the app is suitable for even the least technologically advanced devices.

Goals

The client already had a working application when we started working together, but it needed to be revamped to meet modern standards of design and usability. In order to achieve it all, we were asked to redesign its interface for maximum user-friendliness and to rewrite the frontend using React Native.

Why React Native

Introduced in 2013 by Facebook, React.js was designed for engaging and high performance web applications with minimal coding.

The defining characteristic of React development is the focus on individual UI components that can be reused, rearranged and connected with ease. In fact, it was created for the purpose of writing apps for different platforms at the same time and without the need of a costly process of porting them for different operating systems. React Native code can be compiled to native iOS and Android languages and changes are instantly visible on both platforms. It also makes both versions totally consistent, both functionally and visually. This feature was especially a huge advantage in the case of the Dinarak app which needs to be flexible enough to run on both new and legacy devices.

React also provides high-quality supporting libraries, such as Redux or React Router, and tools for building cross-platform apps, all maintained and used by a huge community of developers. Not only does it make implementing basic functionalities a breeze, but it also gives access to an infinite knowledge base, so solving all problems is fast and easy.

The last reason for choosing React Native was the ease of maintaining the app. Since this technology uses JavaScript with which every frontend developer is familiar with, the developers can stick to just one technology stack and keep optimising code based on their previous experiences.

Challenges

Creating a new frontend for the application in a different technology than it used to use, required a lot of communication, especially considering the fact that the backend of the system was being redeveloped, too. However, that part of the process was conducted by the client’s in-house team in cooperation with a middleware specialised partner, which further made the synchronization of works challenging. Some reverse engineering was needed due to the two-layer legacy nature of the existing backend, but our Project Manager Szymon Miziołek did well coordinating the course of action with Dinarak’s technical lead, so the overall results were more than satisfying.

A fresh design with usability in mind

The client’s requirements were clear – to make the app user-friendly, compatible with a wide range of devices, feature packed and stylish, with an emphasis on the brand’s image. UX designer Maciej Zając created a new vision of the application with all of these features in mind.

Quality, we are proud of

Our developers are certain about one thing – the highest quality of their code. We have achieved an outstanding 90% of the test coverage metric in the case of Dinarak app and made sure that the code is as clear and coherent as possible. By staying true to the “clean code” rule, we created an app that will be easy and cost-effective to maintain in the future, no matter the personal changes in the team.

Technologies and solutions for Dinarak

Code & Pepper services for Dinarak

Ready to rebuild your app using the help of seasoned FinTech experts?

Contact Code & Pepper!

See next case study

Nimbla

London, United Kingdom

How Code & Pepper helped Nimbla support business owners with invoice insurance and more

Services: End-to-End Development, UI/UX Design
Solutions: Docker, Google Cloud Platform, JavaScript, Kubernetes, Node.js, React.js, Terraform, TypeScript
Read More