MoneyGate

Our Engagement

Devico were tasked by MoneyGate to build a secure, robust, and user-friendly mobile application that would replicate all the functionality of the MoneyGate web platform.

Solutions

To address each of the challenges, our team’s approaches included:

• To deliver superior app performance, we chose to handle state management issues with React Query. This was a perfect match as there were no cases requiring a global state. The library is based on the server-state pattern, it’s fast and flexible and its capabilities mean we could easily manipulate data and requests.
• To meet all requirements of the design, our developers chose React Native Reanimated, providing a rich set of animation tools. Nontrivial components like a sticky header with a parallax effect were built with the help of the react-native-sticky-parallax-header library providing greater flexibility for customization.
• To avoid UI crowding and provide clear and simple UX, the team realized modal windows by avoiding the tired, traditional box appearing in the middle of the screen and elected for a contemporary, full-screen container appearing from beneath. To replicate the form and format of the mobile device, scrolling and gesturing were to be used instead of the usual buttons to interact with these containers. To implement this, developers leveraged a modal block itself and such libraries as bottom-sheet and react-native-gesture-handler.
• To provide robust, performant and secure user authorization the team used an API of the operating system enabling interaction with biometric sensors. The expo-local-authentication library was heavily utilized and let the team build a secure and convenient authorization flow similar to those in all popular mobile banking apps.
• The expo-sharing library that allowed capability on iOS was not appropriate for Android, therefore we decided to use the expo-file-system library, specifically StorageAccessFramework, allowing the application interaction with the Android file system.
• A component with a PDF file preview cannot be created with Expo and the leading React Native library for PDF file reading is not supported by Expo. As a result, we decided to complete this nontrivial task by means of the rn-pdf-reader-js library that uses the native capabilities of the web page render to display documents.