Get a Quote
Links for Mobile apps:
Inter Font Family
Yellow
#F8A600
Dark Blue
#003A55
White
#FFFFFF
The primary objective of this project was to develop and integrate a React Native mobile app and a WooCommerce based website for Trebes + Henning company. The goal was to create a seamless user experience across platforms that allows company employees to shop for protective gear, manage their budgets, and process payments efficiently. The integration between the mobile app and website would enable both to operate as part of a unified system, providing users with a streamlined shopping experience.
The app needed to be compatible with both iOS and Android, allowing the business to reach a wider audience.
Integration with WooCommerce’s user account management system was necessary. This allowed users to log in, manage their accounts, and keep track of their budgets, purchases, and order history.
The app needed to list products that could be browsed, filtered, and added to the cart. Products are synced with the WooCommerce database in real-time, ensuring users see the most up-to-date inventory.
The app had to integrate with PayPal, enabling users to securely process payments for their orders.
The app needed push notification support to send updates on order status, promotions, and important information to users.
Users should be able to place orders, track them, and receive order confirmation and invoice details. The invoice generation logic was handled via a dynamically generated UUID.
Users should be able to initiate and track returns for items purchased through the app
Similar to the mobile app, the website needed to list products, allowing customers to browse, filter, and add them to the shopping cart.
Users could register, login, and manage their orders and profile details via WooCommerce. User authentication was synchronized with the mobile app.
A seamless cart and checkout experience needed to be implemented, ensuring users could select multiple products, apply discounts or offers, and process payments securely.
Integrated with WooCommerce-supported payment gateways like PayPal, Stripe, and others for secure payment processing.
The website’s admin panel was built using the WooCommerce dashboard to manage products, orders, customers, and payments.
Orders placed through both the mobile app and website were synchronized, with users receiving order confirmations and tracking details
A major challenge during the development of the My T+H Mobile App was handling invoice numbers for e-commerce transactions. WooCommerce automatically generates unique invoice numbers only after an order is created, making it impossible to pre-generate invoices at the start of a transaction.
This created difficulties for budget tracking, order verification, and reporting workflows that required an invoice upfront. To solve this, we implemented a real-time sync between the app and WooCommerce, ensuring every order receives a valid invoice number immediately while maintaining a smooth, seamless shopping experience for users.
To address the WooCommerce invoice generation challenge, we implemented a unique UUID system. During the order creation process in the My T+H Mobile App, a random UUID was generated and temporarily assigned to the order. Once the order was confirmed in WooCommerce, the official invoice number was linked to the order, ensuring accurate tracking, budget management, and reporting.
This approach allowed the app to maintain a seamless user experience, while keeping backend order data synchronized and compliant with WooCommerce’s invoice requirements.
After the launch of the My T+H Mobile App and website, Trebes + Henning successfully created a seamless shopping experience for their customers. Key results included:
Customers could shop on the go via the mobile app, improving accessibility and driving higher engagement.
Real-time integration between the mobile app and WooCommerce website enabled efficient order processing across platforms.
A unified shopping experience with invoice generation, order tracking, and easy payment options enhanced user convenience.
The app was published on both the App Store and Google Play Store, reaching a wider audience and increasing brand visibility.
