Xperience academy.

Bilingual (Arabic/English) online tech education platform with a course catalog, instructor profiles, application/enrollment flow, and rich motion design. Built as a marketing and lead-generation site for practical tech training targeting Arabic-speaking audiences.

Link

xperience-eg.com old, xperience-test.vercel.app new

Stack

Next.js 16 (App Router), React 19, TypeScript, next-intl, Tailwind CSS v4, Motion, Lenis (smooth scroll), shadcn/ui / Radix UI, PostgreSQL / Drizzle ORM, Better-Auth, Resend

Role

Full-Stack Developer (Frontend-heavy)

Highlights

•Built a fully bilingual learning platform (Arabic/English) with RTL layout support using next-intl

•Engineered a cinematic intro animation system with orchestrated transitions (Motion + Lenis smooth scroll) and staggered child reveals

•Developed a dark-themed design system with Tailwind CSS v4, shadcn/ui components, and a green accent palette

•Integrated Better-Auth + Resend for email magic-link authentication and a WhatsApp-based enrollment flow