TG5 storefront hero: "Fuel your game" over a gold glow frame with an animated constellation background and an EN/AR language switch

03

TG5

An e-commerce platform for gaming nutrition, with 3D product previews and a bilingual EN/AR storefront.

  • Freelance — solo
  • Freelance

Interactive 3D product previews with a configurable, capped discount engine.

Live site ↗
  • Next.js
  • React
  • TypeScript
  • Three.js
  • GSAP
  • Prisma
  • PostgreSQL
  • TanStack Query

Shopping in 3D

Product pages render an inspectable 3D box in real time instead of static photography. The catalogue, streamer hub and checkout are fully bilingual, EN and AR. Cash on Delivery and card payment both route through a persistent cart synced between server and client.

Promotions and admin

The discount engine supports percentage and fixed discounts, order minimums, capped savings, and automated free-shipping thresholds. The admin panel tracks order status through Pending, Shipped and Delivered, updates stock in real time, and exports sales to XLSX in one click.

Built and delivered

TG5 was built and delivered as a solo freelance engagement — an e-commerce platform for a gaming-nutrition brand serving gamers, esports athletes and content creators, with a streamer and creator hub featuring verified badges and specialty tags.