Project Description

A long-time Xorbix client, an industry-leading global cheese manufacturer, requested an ambitious expansion to their existing mobile application. Previously designed exclusively for English-speaking users in the United States, the app served as a powerful daily operational tool for over a thousand restaurants and pizzerias.

Recognizing the growing need to support users in regions such as Mexico and Puerto Rico, the client approached Xorbix to transform the platform into a fully multi-lingual, internationally deployable product.

Xorbix’s development team revisited the app’s entire text-rendering architecture, extracting all English strings, implementing a robust localization system, and building a scalable infrastructure capable of supporting any future language additions.

Challenge

Problem

1. No centralized location for language content.

2. High effort required to add or maintain translations. 

3. Hard-coded UI strings that prevented on-the-fly switching.

4. No multi-region structure for Firebase-delivered dynamic content.

5. Push notifications could only be delivered in English.

6. The existing UX did not include any language selection or user preference handling.

Project Goals

  • Extract and centralize all English text in a dedicated language pack
  • Implement full localization using reference keys instead of inline strings
  • Add multilingual UI rendering, beginning with English and Spanish
  • Allow users to choose a preferred language (first-time launch + profile settings)
  • Create scalable Firebase structures for multi-language content delivery
  • Implement language-based push notification segmentation
  • Build the foundation for global expansion into any future market or language

Solution

Xorbix implemented a complete, scalable localization solution that fully modernized the application’s architecture.

English Extraction:

Developers combed through every screen in the mobile app—hundreds of UI elements, buttons, messages, tooltips, modals, errors, labels, and placeholders.
All English text was:

  • Removed from UI components
  • Assigned a reference key (e.g., loginScreen_enterPassword)
  • Centralized in a single English language pack file

This created a clean source of truth for translators and future content updates.

Localization via Reference Variables:

  • Every piece of UI text now loads using:

{ loginScreen_enterPassword: “Please enter your password” }

  • The Spanish language pack mirrors the same structure:

{ loginScreen_enterPassword: “Por favor ingrese su contraseña” }

  • Because both languages use identical keys, adding new languages becomes a simple drag-and-drop translation effort.

Dynamic Rendering:

Using the language context file, the app performs:

  1. Load the user’s selected language
  2. Identify all reference keys on the current screen
  3. Inject translated text from the appropriate language pack
  4. Render the UI in real time

This enables on-the-fly translation without reloading or restarting the app.

Firebase Integration for Multilingual Content:

For dynamic fields (e.g., homepage announcements), Xorbix redesigned Firebase into a multi-language schema:

Old Structure

  • title
  • description

New Structure

  • englishTitle
  • englishDescription
  • spanishTitle
  • spanishDescription

The app only fetches the fields associated with the user’s language selection.

Language-Based Push Notifications

Firebase Cloud Messaging does not dynamically translate notifications.
To solve this, Xorbix created:

  • english_users topic
  • spanish_users topic

When a user selects a language, the app subscribes them to the appropriate topic.
Admins can now send notifications targeted by language, ensuring consistent experience across regions.

High Level Architecture

Innovations

  • Scalable multi-language architecture capable of supporting unlimited languages
  • Dynamic rendering to instantly switch app languages without restarting
  • Cloud-powered localized content via Firebase
  • Subscription-based multilingual push notifications
  • Universal reference-key system for clean translation workflows

Security

Security was a top priority. Xorbix incorporated cloud managed IT services best practices including:

  • Secure data handling
  • Encryption in transit and at rest
  • Industry-standard compliance
  • Privacy-first architecture

Core Technologies

  • Frontend: React Native (iOS & Android)
  • Backend / Cloud: Firebase (Firestore + FCM)
  • Localization Layer: JSON language packs + context provider
  • Dynamic Data: Firestore multilingual fields
  • Notifications: Language-based topic subscriptions

This architecture ensures fast performance, low overhead, and seamless scaling into new markets.

Process

Team & Development

A dedicated agile team was assembled with expertise in custom software development, UI/UX design, QA, and project management. The team delivered the solution through iterative sprints, continuous feedback loops, and collaborative planning.

Testing

Testing was performed iteratively:

1. Before localization

  • Extract English text → ensure the app still fully functioned

2. During localization

  • Verify each reference key correctly mapped to English text

3. Adding Spanish

  • Full end-to-end UI verification in Spanish
  • Ensure no un-translated English remained

4. Firebase dynamic content testing

  • Validate correct language data is fetched
  • Test language-specific push notifications

5. User language switching

  • Confirm instant on-screen translation without reloads

After multiple test cycles from both Xorbix QA and the client, the solution was approved for deployment.

Managed Services

Post-launch, Xorbix continued providing cloud-based managed services and performance optimizations, ensuring system stability and long-term scalability.

Results

This project transformed a U.S.-only restaurant-management application into a scalable global product.

Key benefits:

  • Seamless expansion into Mexico, Puerto Rico, and future regions
  • Efficient translation workflows
  • Reduced maintenance overhead
  • Real-time multilingual content rendering
  • Future-proof design for adding new languages with minimal effort

This solution positions the client for long-term international growth.

With this project, the client’s enabled for global distribution, powered by Xorbix’s commitment to custom software development and cloud development solutions.

Custom Software
Generative AI
Rectangle 5938
Angular 4 to 18

Let’s Start a Conversation

Request a Personalized Demo of Xorbix’s Solutions and Services

Discover how our expertise can drive innovation and efficiency in your projects. Whether you’re looking to harness the power of AI, streamline software development, or transform your data into actionable insights, our tailored demos will showcase the potential of our solutions and services to meet your unique needs.

Take the First Step

Connect with our team today by filling out your project information.

Address

802 N. Pinyon Ct,
Hartland, WI 53029

[forminator_form id="56446"]