The brief

Boxopay, a white-label payment software platform for banks and B2B financial service providers, required a solution that would help to increase the count of merchant accounts within their ecosystem. Our goal was to develop MAPP as a tool for attracting new clients. We aimed to achieve this through a simple app featuring payments, integration with various payment systems like Visa, MasterCard, Google Pay, and Apple Pay, bank account creation, and other merchant operations. This approach enabled potential commission revenue for partnering banks.

Challenge

Our primary challenge was to conduct thorough market research and pinpoint potential competitive advantages among similar applications. Enabling multiple microservices and integrations while ensuring fast and smooth operation was a significant technical hurdle.

Solution

Our solution comprises a white-label business operating app with API-first architecture and a React Native application with fast onboarding that allows merchants to sell their products and accept payments offline and online via an easily generated web store.

Software architecture model

High-Level System Context and User Interaction Flow

This is a simplified context diagram showing the relationship between users (Employee and Customer) and the main MAPP commerce system.

External Integration Architecture and Service Communication Flow

This diagram presents a service-oriented architecture with focus on external integrations and data flow. It centers around an API App (Node.js/Express) that acts as the core JSON API and proxy to external services. The system includes cloud services integration (Google Firebase, CloudFlare), monitoring tools (Grafana dashboard), and various specialized components like a reverse proxy, metrics exporter, and resource analyzer. It maintains similar external system connections as the first diagram but shows their interaction patterns more clearly.

Internal System Architecture and Component Relationships

This diagram shows a detailed technical architecture of a web application system. It illustrates the relationships between different components including a Next.js web app, React Native mobile app, and various backend services. The core components include a Front Controller, Controllers, Models, and multiple supporting services like Jobs, Migrations, and Seeds. The system integrates with external services (BOX, COIN, AKOS, SMS, LOYALNO) and includes infrastructure components like a MySQL database, ElasticSearch engine, and log collector.

Key features

We developed a product that enables one-click-built online shops, in-app PoS, e-invoicing, and multiple payment options. It features the following:

• Payments, cards, and account facilities: QR payments, payment links, cash, PoS (tap-to-phone terminals), payment card issuing, payment card acquisition
• AKOS integration: onboarding, identification, and verification
• Stock and inventory management
• Order management
• Web store constructor: product list, shop customization, appointment scheduling, reservation booking
• Integrations and reporting: accounting software integration, loyalty program management, analytics

Results

We have created a robust omnichannel commerce platform from scratch, installed and actively used by FinTech companies in various international markets. Our strategic roadmap includes finalizing the remaining features and introducing new ones and a forthcoming launch in the European market, setting the stage for further MAPP’s growth.