Bilingual storefront and back office for a detergent manufacturer

A manufacturer’s storefront for customers in Egypt, in English and Arabic with a full right-to-left layout, prices in Egyptian pounds and cash on delivery.

The company needed to show its full product range and what is in stock, and let customers order, while its own staff manage orders, stock and site content, each with the right level of access.

Customers browse a catalog they can filter by category, size and scent. They can search, sort and open product pages with options, then add items to a cart and check out with cash on delivery, entering their Egyptian address details. The order is created securely on the server, which checks prices and stock, and is then handed off to WhatsApp. Customers can track an order with the order number and phone. Staff use a back office with roles for orders, customers, products and variants, stock adjustments, homepage banners, content pages, reports and settings.

• A working bilingual store with cash-on-delivery ordering and WhatsApp hand-off
• Orders created on the server with price and stock checks
• Customers can track their own orders
• Staff run orders, stock and content from one role-based back office with an audit log

These results come from real use of the product.

We designed the product, planned how it is built, and developed the whole system, front end and back end.

• Customers in Egypt
• Owner and managers
• Order staff
• Content editors

• Two languages with a full right-to-left layout
• Cash on delivery in EGP, with Egyptian mobile numbers, governorates and cities
• Orders cannot be trusted from the browser, so price and stock are checked on the server
• Different staff need different access: owner, manager, order staff and content editor
• Stock has to stay accurate as orders and adjustments happen

• Browse, filter, search and sort the catalog
• Choose product variants
• Add to cart and check out with cash on delivery
• Order handed off to WhatsApp
• Track an order by number and phone
• Staff manage orders and statuses
• Staff manage products, variants, categories and images
• Stock adjustments with a required reason
• Edit homepage banners, contact cards, content pages and FAQ
• Reports, settings and an audit log
• Owners manage staff and roles

• Angular 21 and TypeScript front end with PrimeNG and Tailwind CSS
• Firebase Authentication, Firestore, Storage and Hosting
• Cloud Functions for ordering, tracking, status changes, stock and staff roles
• Staff permissions enforced by the platform’s security rules
• Information pages generated in advance for speed and search; the shop and admin run in the browser
• A sitemap that updates itself, and a web app that can be installed on a phone