Technology
USA/UAE
Digital Modernization, Product Development
React Native, Next.js, React.js, TypeScript, tRPC, MySQL, Monorepo Architecture
Client Overview
Tarifica is a global telecom pricing intelligence company serving telecom operators, regulators, and consumers. Their Qaren platform enables users to compare telecom plans, data packages, broadband offerings, and mobile devices across multiple operators in one place.
Their goal was to enhance the Qaren mobile application and build a supporting web dashboard — delivering a consistent, localised comparison experience across Android, iOS, and web for English and Arabic-speaking users.
The Challenge
- Telecom plan and pricing data from multiple operators required centralised management and display
- Plan, device, and data pack comparisons needed to work efficiently across a large, varied dataset
- Arabic language support required full Right-to-Left layout implementation across all platforms
- Maintaining a consistent user experience across Android, iOS, and a web dashboard was complex
- Device pricing across multiple brands, RAM variants, storage options, and colours needed structured comparison
Our Approach
1. Cross-platform from the ground up
We built the Qaren mobile application in React Native to serve Android and iOS from a single codebase, and the Tarifica dashboard in Next.js — maintaining consistent UX and component logic across all surfaces without duplicating effort.
2. Localisation as an architecture decision, not a feature
English and Arabic support — including full RTL layout — was designed into the application architecture from the start, not retrofitted. This ensured Arabic-speaking users received a native experience rather than an adapted one.
3. Monorepo for scalability and shared logic
We used a monorepo architecture to manage the mobile and web applications together, enabling shared components, consistent design patterns, and easier maintenance as the platform grows.
4. tRPC for efficient frontend-to-backend communication
We integrated the frontend applications using tRPC, providing type-safe API communication that reduced integration overhead and made the system more maintainable across the full stack.

What We Built
Mobile Application (Android & iOS)
- Cross-platform React Native app for Android and iOS
- Telecom plan comparison across multiple operators
- Data pack and pricing comparison
- Smartphone comparison by brand, RAM, storage, colour, and price
- English and Arabic language support with full RTL layout
Web Dashboard
- Responsive Next.js dashboard for operators, plans, and device management
- Reusable modules for plan, operator, and device catalogue management
- Advanced filtering and comparison functionality for admin users
Architecture & Integration
- Monorepo architecture managing mobile and web applications in a unified codebase
- tRPC integration for type-safe frontend-to-backend communication
- MySQL database supporting telecom plan, operator, and device data at scale
- Component-based design for reusability and future extensibility
Impact Delivered
Tarifica's Qaren platform now delivers a consistent telecom comparison experience across Android, iOS, and web — with full Arabic and RTL support extending its reach to Arabic-speaking markets. Operators, plans, and devices are manageable through a single responsive dashboard.
Business Impact
- Improved transparency in telecom pricing and plan comparison for consumers
- Full Arabic and RTL support expanded platform accessibility to Arabic-speaking users
- Consistent cross-platform experience across Android, iOS, and web
- Centralised dashboard for scalable management of operators, plans, and device catalogues
- Monorepo architecture reduced duplication and simplified ongoing maintenance