Skip to content

const scope = await writeScope(project);
if (!scope.approved) return revise(scope);
router.post("/checkout", async (req, res) => {
  const vat = subtotal * 0.15;
  return res.json({ total: subtotal + vat });
});
flutter build appbundle --release
server { listen 443 ssl http2; }
export default function Storefront({ locale }) {
  const dir = locale === "ar" ? "rtl" : "ltr";
}
await whatsapp.send(lead.phone, template);
SELECT id, total FROM orders WHERE paid = true;
docker compose up -d --build
git commit -m "ship: staging demo, week 3"
npm run build && rsync -az dist/ prod:/srv
CREATE INDEX idx_orders_paid ON orders (paid);
const scope = await writeScope(project);
if (!scope.approved) return revise(scope);
router.post("/checkout", async (req, res) => {
  const vat = subtotal * 0.15;
  return res.json({ total: subtotal + vat });
});
flutter build appbundle --release
server { listen 443 ssl http2; }
export default function Storefront({ locale }) {
  const dir = locale === "ar" ? "rtl" : "ltr";
}
await whatsapp.send(lead.phone, template);
SELECT id, total FROM orders WHERE paid = true;
docker compose up -d --build
git commit -m "ship: staging demo, week 3"
npm run build && rsync -az dist/ prod:/srv
CREATE INDEX idx_orders_paid ON orders (paid);

const scope = await writeScope(project);
if (!scope.approved) return revise(scope);
router.post("/checkout", async (req, res) => {
  const vat = subtotal * 0.15;
  return res.json({ total: subtotal + vat });
});
flutter build appbundle --release
server { listen 443 ssl http2; }
export default function Storefront({ locale }) {
  const dir = locale === "ar" ? "rtl" : "ltr";
}
await whatsapp.send(lead.phone, template);
SELECT id, total FROM orders WHERE paid = true;
docker compose up -d --build
git commit -m "ship: staging demo, week 3"
npm run build && rsync -az dist/ prod:/srv
CREATE INDEX idx_orders_paid ON orders (paid);
const scope = await writeScope(project);
if (!scope.approved) return revise(scope);
router.post("/checkout", async (req, res) => {
  const vat = subtotal * 0.15;
  return res.json({ total: subtotal + vat });
});
flutter build appbundle --release
server { listen 443 ssl http2; }
export default function Storefront({ locale }) {
  const dir = locale === "ar" ? "rtl" : "ltr";
}
await whatsapp.send(lead.phone, template);
SELECT id, total FROM orders WHERE paid = true;
docker compose up -d --build
git commit -m "ship: staging demo, week 3"
npm run build && rsync -az dist/ prod:/srv
CREATE INDEX idx_orders_paid ON orders (paid);

const scope = await writeScope(project);
if (!scope.approved) return revise(scope);
router.post("/checkout", async (req, res) => {
  const vat = subtotal * 0.15;
  return res.json({ total: subtotal + vat });
});
flutter build appbundle --release
server { listen 443 ssl http2; }
export default function Storefront({ locale }) {
  const dir = locale === "ar" ? "rtl" : "ltr";
}
await whatsapp.send(lead.phone, template);
SELECT id, total FROM orders WHERE paid = true;
docker compose up -d --build
git commit -m "ship: staging demo, week 3"
npm run build && rsync -az dist/ prod:/srv
CREATE INDEX idx_orders_paid ON orders (paid);
const scope = await writeScope(project);
if (!scope.approved) return revise(scope);
router.post("/checkout", async (req, res) => {
  const vat = subtotal * 0.15;
  return res.json({ total: subtotal + vat });
});
flutter build appbundle --release
server { listen 443 ssl http2; }
export default function Storefront({ locale }) {
  const dir = locale === "ar" ? "rtl" : "ltr";
}
await whatsapp.send(lead.phone, template);
SELECT id, total FROM orders WHERE paid = true;
docker compose up -d --build
git commit -m "ship: staging demo, week 3"
npm run build && rsync -az dist/ prod:/srv
CREATE INDEX idx_orders_paid ON orders (paid);

const scope = await writeScope(project);
if (!scope.approved) return revise(scope);
router.post("/checkout", async (req, res) => {
  const vat = subtotal * 0.15;
  return res.json({ total: subtotal + vat });
});
flutter build appbundle --release
server { listen 443 ssl http2; }
export default function Storefront({ locale }) {
  const dir = locale === "ar" ? "rtl" : "ltr";
}
await whatsapp.send(lead.phone, template);
SELECT id, total FROM orders WHERE paid = true;
docker compose up -d --build
git commit -m "ship: staging demo, week 3"
npm run build && rsync -az dist/ prod:/srv
CREATE INDEX idx_orders_paid ON orders (paid);
const scope = await writeScope(project);
if (!scope.approved) return revise(scope);
router.post("/checkout", async (req, res) => {
  const vat = subtotal * 0.15;
  return res.json({ total: subtotal + vat });
});
flutter build appbundle --release
server { listen 443 ssl http2; }
export default function Storefront({ locale }) {
  const dir = locale === "ar" ? "rtl" : "ltr";
}
await whatsapp.send(lead.phone, template);
SELECT id, total FROM orders WHERE paid = true;
docker compose up -d --build
git commit -m "ship: staging demo, week 3"
npm run build && rsync -az dist/ prod:/srv
CREATE INDEX idx_orders_paid ON orders (paid);

const scope = await writeScope(project);
if (!scope.approved) return revise(scope);
router.post("/checkout", async (req, res) => {
  const vat = subtotal * 0.15;
  return res.json({ total: subtotal + vat });
});
flutter build appbundle --release
server { listen 443 ssl http2; }
export default function Storefront({ locale }) {
  const dir = locale === "ar" ? "rtl" : "ltr";
}
await whatsapp.send(lead.phone, template);
SELECT id, total FROM orders WHERE paid = true;
docker compose up -d --build
git commit -m "ship: staging demo, week 3"
npm run build && rsync -az dist/ prod:/srv
CREATE INDEX idx_orders_paid ON orders (paid);
const scope = await writeScope(project);
if (!scope.approved) return revise(scope);
router.post("/checkout", async (req, res) => {
  const vat = subtotal * 0.15;
  return res.json({ total: subtotal + vat });
});
flutter build appbundle --release
server { listen 443 ssl http2; }
export default function Storefront({ locale }) {
  const dir = locale === "ar" ? "rtl" : "ltr";
}
await whatsapp.send(lead.phone, template);
SELECT id, total FROM orders WHERE paid = true;
docker compose up -d --build
git commit -m "ship: staging demo, week 3"
npm run build && rsync -az dist/ prod:/srv
CREATE INDEX idx_orders_paid ON orders (paid);

const scope = await writeScope(project);
if (!scope.approved) return revise(scope);
router.post("/checkout", async (req, res) => {
  const vat = subtotal * 0.15;
  return res.json({ total: subtotal + vat });
});
flutter build appbundle --release
server { listen 443 ssl http2; }
export default function Storefront({ locale }) {
  const dir = locale === "ar" ? "rtl" : "ltr";
}
await whatsapp.send(lead.phone, template);
SELECT id, total FROM orders WHERE paid = true;
docker compose up -d --build
git commit -m "ship: staging demo, week 3"
npm run build && rsync -az dist/ prod:/srv
CREATE INDEX idx_orders_paid ON orders (paid);
const scope = await writeScope(project);
if (!scope.approved) return revise(scope);
router.post("/checkout", async (req, res) => {
  const vat = subtotal * 0.15;
  return res.json({ total: subtotal + vat });
});
flutter build appbundle --release
server { listen 443 ssl http2; }
export default function Storefront({ locale }) {
  const dir = locale === "ar" ? "rtl" : "ltr";
}
await whatsapp.send(lead.phone, template);
SELECT id, total FROM orders WHERE paid = true;
docker compose up -d --build
git commit -m "ship: staging demo, week 3"
npm run build && rsync -az dist/ prod:/srv
CREATE INDEX idx_orders_paid ON orders (paid);

const scope = await writeScope(project);
if (!scope.approved) return revise(scope);
router.post("/checkout", async (req, res) => {
  const vat = subtotal * 0.15;
  return res.json({ total: subtotal + vat });
});
flutter build appbundle --release
server { listen 443 ssl http2; }
export default function Storefront({ locale }) {
  const dir = locale === "ar" ? "rtl" : "ltr";
}
await whatsapp.send(lead.phone, template);
SELECT id, total FROM orders WHERE paid = true;
docker compose up -d --build
git commit -m "ship: staging demo, week 3"
npm run build && rsync -az dist/ prod:/srv
CREATE INDEX idx_orders_paid ON orders (paid);
const scope = await writeScope(project);
if (!scope.approved) return revise(scope);
router.post("/checkout", async (req, res) => {
  const vat = subtotal * 0.15;
  return res.json({ total: subtotal + vat });
});
flutter build appbundle --release
server { listen 443 ssl http2; }
export default function Storefront({ locale }) {
  const dir = locale === "ar" ? "rtl" : "ltr";
}
await whatsapp.send(lead.phone, template);
SELECT id, total FROM orders WHERE paid = true;
docker compose up -d --build
git commit -m "ship: staging demo, week 3"
npm run build && rsync -az dist/ prod:/srv
CREATE INDEX idx_orders_paid ON orders (paid);

const scope = await writeScope(project);
if (!scope.approved) return revise(scope);
router.post("/checkout", async (req, res) => {
  const vat = subtotal * 0.15;
  return res.json({ total: subtotal + vat });
});
flutter build appbundle --release
server { listen 443 ssl http2; }
export default function Storefront({ locale }) {
  const dir = locale === "ar" ? "rtl" : "ltr";
}
await whatsapp.send(lead.phone, template);
SELECT id, total FROM orders WHERE paid = true;
docker compose up -d --build
git commit -m "ship: staging demo, week 3"
npm run build && rsync -az dist/ prod:/srv
CREATE INDEX idx_orders_paid ON orders (paid);
const scope = await writeScope(project);
if (!scope.approved) return revise(scope);
router.post("/checkout", async (req, res) => {
  const vat = subtotal * 0.15;
  return res.json({ total: subtotal + vat });
});
flutter build appbundle --release
server { listen 443 ssl http2; }
export default function Storefront({ locale }) {
  const dir = locale === "ar" ? "rtl" : "ltr";
}
await whatsapp.send(lead.phone, template);
SELECT id, total FROM orders WHERE paid = true;
docker compose up -d --build
git commit -m "ship: staging demo, week 3"
npm run build && rsync -az dist/ prod:/srv
CREATE INDEX idx_orders_paid ON orders (paid);

const scope = await writeScope(project);
if (!scope.approved) return revise(scope);
router.post("/checkout", async (req, res) => {
  const vat = subtotal * 0.15;
  return res.json({ total: subtotal + vat });
});
flutter build appbundle --release
server { listen 443 ssl http2; }
export default function Storefront({ locale }) {
  const dir = locale === "ar" ? "rtl" : "ltr";
}
await whatsapp.send(lead.phone, template);
SELECT id, total FROM orders WHERE paid = true;
docker compose up -d --build
git commit -m "ship: staging demo, week 3"
npm run build && rsync -az dist/ prod:/srv
CREATE INDEX idx_orders_paid ON orders (paid);
const scope = await writeScope(project);
if (!scope.approved) return revise(scope);
router.post("/checkout", async (req, res) => {
  const vat = subtotal * 0.15;
  return res.json({ total: subtotal + vat });
});
flutter build appbundle --release
server { listen 443 ssl http2; }
export default function Storefront({ locale }) {
  const dir = locale === "ar" ? "rtl" : "ltr";
}
await whatsapp.send(lead.phone, template);
SELECT id, total FROM orders WHERE paid = true;
docker compose up -d --build
git commit -m "ship: staging demo, week 3"
npm run build && rsync -az dist/ prod:/srv
CREATE INDEX idx_orders_paid ON orders (paid);

const scope = await writeScope(project);
if (!scope.approved) return revise(scope);
router.post("/checkout", async (req, res) => {
  const vat = subtotal * 0.15;
  return res.json({ total: subtotal + vat });
});
flutter build appbundle --release
server { listen 443 ssl http2; }
export default function Storefront({ locale }) {
  const dir = locale === "ar" ? "rtl" : "ltr";
}
await whatsapp.send(lead.phone, template);
SELECT id, total FROM orders WHERE paid = true;
docker compose up -d --build
git commit -m "ship: staging demo, week 3"
npm run build && rsync -az dist/ prod:/srv
CREATE INDEX idx_orders_paid ON orders (paid);
const scope = await writeScope(project);
if (!scope.approved) return revise(scope);
router.post("/checkout", async (req, res) => {
  const vat = subtotal * 0.15;
  return res.json({ total: subtotal + vat });
});
flutter build appbundle --release
server { listen 443 ssl http2; }
export default function Storefront({ locale }) {
  const dir = locale === "ar" ? "rtl" : "ltr";
}
await whatsapp.send(lead.phone, template);
SELECT id, total FROM orders WHERE paid = true;
docker compose up -d --build
git commit -m "ship: staging demo, week 3"
npm run build && rsync -az dist/ prod:/srv
CREATE INDEX idx_orders_paid ON orders (paid);

const scope = await writeScope(project);
if (!scope.approved) return revise(scope);
router.post("/checkout", async (req, res) => {
  const vat = subtotal * 0.15;
  return res.json({ total: subtotal + vat });
});
flutter build appbundle --release
server { listen 443 ssl http2; }
export default function Storefront({ locale }) {
  const dir = locale === "ar" ? "rtl" : "ltr";
}
await whatsapp.send(lead.phone, template);
SELECT id, total FROM orders WHERE paid = true;
docker compose up -d --build
git commit -m "ship: staging demo, week 3"
npm run build && rsync -az dist/ prod:/srv
CREATE INDEX idx_orders_paid ON orders (paid);
const scope = await writeScope(project);
if (!scope.approved) return revise(scope);
router.post("/checkout", async (req, res) => {
  const vat = subtotal * 0.15;
  return res.json({ total: subtotal + vat });
});
flutter build appbundle --release
server { listen 443 ssl http2; }
export default function Storefront({ locale }) {
  const dir = locale === "ar" ? "rtl" : "ltr";
}
await whatsapp.send(lead.phone, template);
SELECT id, total FROM orders WHERE paid = true;
docker compose up -d --build
git commit -m "ship: staging demo, week 3"
npm run build && rsync -az dist/ prod:/srv
CREATE INDEX idx_orders_paid ON orders (paid);

const scope = await writeScope(project);
if (!scope.approved) return revise(scope);
router.post("/checkout", async (req, res) => {
  const vat = subtotal * 0.15;
  return res.json({ total: subtotal + vat });
});
flutter build appbundle --release
server { listen 443 ssl http2; }
export default function Storefront({ locale }) {
  const dir = locale === "ar" ? "rtl" : "ltr";
}
await whatsapp.send(lead.phone, template);
SELECT id, total FROM orders WHERE paid = true;
docker compose up -d --build
git commit -m "ship: staging demo, week 3"
npm run build && rsync -az dist/ prod:/srv
CREATE INDEX idx_orders_paid ON orders (paid);
const scope = await writeScope(project);
if (!scope.approved) return revise(scope);
router.post("/checkout", async (req, res) => {
  const vat = subtotal * 0.15;
  return res.json({ total: subtotal + vat });
});
flutter build appbundle --release
server { listen 443 ssl http2; }
export default function Storefront({ locale }) {
  const dir = locale === "ar" ? "rtl" : "ltr";
}
await whatsapp.send(lead.phone, template);
SELECT id, total FROM orders WHERE paid = true;
docker compose up -d --build
git commit -m "ship: staging demo, week 3"
npm run build && rsync -az dist/ prod:/srv
CREATE INDEX idx_orders_paid ON orders (paid);

const scope = await writeScope(project);
if (!scope.approved) return revise(scope);
router.post("/checkout", async (req, res) => {
  const vat = subtotal * 0.15;
  return res.json({ total: subtotal + vat });
});
flutter build appbundle --release
server { listen 443 ssl http2; }
export default function Storefront({ locale }) {
  const dir = locale === "ar" ? "rtl" : "ltr";
}
await whatsapp.send(lead.phone, template);
SELECT id, total FROM orders WHERE paid = true;
docker compose up -d --build
git commit -m "ship: staging demo, week 3"
npm run build && rsync -az dist/ prod:/srv
CREATE INDEX idx_orders_paid ON orders (paid);
const scope = await writeScope(project);
if (!scope.approved) return revise(scope);
router.post("/checkout", async (req, res) => {
  const vat = subtotal * 0.15;
  return res.json({ total: subtotal + vat });
});
flutter build appbundle --release
server { listen 443 ssl http2; }
export default function Storefront({ locale }) {
  const dir = locale === "ar" ? "rtl" : "ltr";
}
await whatsapp.send(lead.phone, template);
SELECT id, total FROM orders WHERE paid = true;
docker compose up -d --build
git commit -m "ship: staging demo, week 3"
npm run build && rsync -az dist/ prod:/srv
CREATE INDEX idx_orders_paid ON orders (paid);

</> { } ( ) => ; [ ] 101101 011010 && ::

$ deploy --env=production
build ok
tests ok
ship _

$ pytest -q
42 passed
$ _

AURA

Optics

Deepa

Loay Motawie

Amwally

OGS HUB

Ramy Rafaat

TradeWithMH

مجوهرات فاطمة الزهراء

MASAR GROUP

Fantazia

51 Educational Center

E-commerce ← All case studies

Optics

Optics helps shoppers find eyeglasses, sunglasses and contact lenses, choose the right prescription lenses, and discover frames that fit their face — with trusted brands and fast delivery.

Optics — desktop

Shopping journey

Lens selector

Discovery

Find-your-frame

Catalog

Frames + lenses

Built in

8 weeks

01 — What we built

Lens selector

Prescription, coating and tint chosen inside the product page.

Find your frame

Face-shape and fit guidance that narrows a wide catalogue fast.

Arabic / English with full RTL

Both locales from one build, not a bolted-on translation.

Checkout in one step

Local payment and shipping, tested on real orders.

Visit Optics →

E-commerceLens SelectorFrame FinderProduct CatalogBilingual UXEyewear Retail

02 — Photos

Optics — screen 1

Optics — screen 2

Optics — screen 3

Optics — screen 4

Optics — screen 5

Optics — screen 6

Next case study Deepa →

Let’s create a buzz!

Let’s build the thing that pays for itself.

Send a message and you’ll get a real answer from the person who would run your project — not a sales script.

Message us on WhatsApp +20 120 058 8803