- Role
- Lead frontend developer
- Company
- Client project · Miracalyze
- Market
- UAE
The problem
Delivery pricing depends on where and when: zones, time slots, express and exact-time delivery, plus promo codes and bonus points, all inside one checkout that has to work on a phone and take payments in two currencies.
My role
Lead frontend developer. Built the storefront from scratch.
What I built
Built on the Next.js 16 App Router with server components and statically generated product pages.
- Checkout with map-based delivery, zone pricing, time slots, express and exact-time delivery, promo codes and bonus points
- Stripe and PayPal payments with a currency selector
- httpOnly cookie sessions with CSRF protection and server-side API proxies
- GA4 ecommerce events, Google Merchant feed and structured data
Stack
- Next.js
- TypeScript
- TanStack Query
- Zustand
- Tailwind CSS