← teriaqmc.comPortfolio / Case Study
DESIGN & DEVELOPMENT

Teriaq Oncology Centre

Full-stack design and development of the digital presence for Alexandria's leading oncology centre — Arabic-first, RTL, 12 pages, production-ready.

DEVELOPER
Eng. Indji El Sharkawi
CLIENT
Teriaq Oncology Centre
YEAR
2026
STACK
Next.js · TypeScript · Tailwind

WHAT I BUILT

  • →Translated a Figma Make prototype into a production Next.js codebase from scratch
  • →Built a fully RTL Arabic design system with custom brand tokens, Tajawal typography, and WCAG AA contrast ratios
  • →Engineered 12 pages with consistent layout, animations, and responsive behavior across mobile, tablet, and desktop
  • →Implemented a multi-disciplinary team (MDT) consultation flow — a core clinical differentiator for the centre
  • →Designed a booking system with WhatsApp handoff, ready for Google Sheets API integration
  • →Set up CI/CD pipeline: GitHub → Vercel auto-deploy on every push, zero-downtime releases
  • →Applied Emil Kowalski micro-interaction principles: spring physics, staggered reveals, GPU-only animations
  • →Managed the full project independently as sole developer and technical lead under delegation from the founder

TECH STACK

FRAMEWORK
Next.js 15 (App Router)
React 19
TypeScript
STYLING
Tailwind CSS v3
Custom CSS design system
RTL-first layout
ANIMATION
CSS keyframes
Spring easing
Staggered reveals
TOOLING
Vercel (auto-deploy)
GitHub (CI/CD)
Cloudflare WAF
DESIGN
Figma → Code
Brand system
Arabic typography (Tajawal)

PAGES DELIVERED (12)

/HomeHero, MDT boards, services grid, team, testimonials
/aboutAboutMission, leadership, stats, quote section
/mdtConsulto MDTMulti-disciplinary team explainer + online banner
/onlineOnline ClinicVideo consultation booking flow
/servicesServicesFull service catalog with category filters
/early-detectionEarly DetectionScreening programs + cancer type explorer
/radiationRadiation TherapyTechnique cards, ambassador section, patient journey
/teamOur Team15 consultants across 3 specialties, avatar system
/testimonialsTestimonialsVideo + text testimonials, filterable grid
/home-careHome CareService packages, visit scheduling
/bookingBookingMulti-step form → WhatsApp handoff
/insuranceInsurance37 partner insurers, coverage checker
Eng. Indji El Sharkawi
Full-Stack Developer · UI Engineer · Alexandria, Egypt
View Live Site →
تواصل عبر واتساب