All projectsFullstack

Zahra Shop

Bilingual RTL QR catalogue with ordering

zahrashop.vercel.app
Zahra Shop

Zahra Shop is a mobile-first catalogue for a Tunisian fine-foods distributor: customers scan a QR code, browse in French or Arabic (right-to-left), build an order, and submit it with no app or account. I built it end-to-end on Next.js 16 (App Router) and TypeScript — a bilingual storefront with a Zustand-backed cart and favourites, plus an admin back-office for products, orders, and Excel catalogue import. Orders are delivered server-side to the sales team over email, Telegram, or WhatsApp; product data lives in Redis, images run through a sharp optimisation pipeline, and staff get Web Push alerts for new orders.

What it does

  • Bilingual FR/AR storefront (RTL)
  • Cart, favourites & order builder
  • Multi-channel order delivery
  • Admin product & order back-office
  • Excel catalogue import & export
  • Web Push new-order alerts
  • Live order feed for staff

Built with

  • Next.js
  • TypeScript
  • React
  • Redis
  • Tailwind
  • Zustand
  • next-intl