The Official Egyptian Real Estate Platform a government-backed marketplace where citizens, residents, and international buyers can browse thousands of verified properties across Egypt, compare units, calculate mortgages, and start a bank application against any listing. Built end-to-end on Next.js 16 (App Router, Turbopack, React Compiler) with React 19, TypeScript, Tailwind CSS 4, and a fully .
25-April-2026
Visit ProjectMy role focused on architecting the front-end and integration layer: locale-aware App Router with [locale] segments, dual-provider clustered map search (Google Maps + Leaflet, marker clustering via @googlemaps/markerclusterer + supercluster), NextAuth v5 (beta) + Firebase auth flow, an API proxy layer with Redis (ioredis) caching, and dynamic OpenGraph / Twitter metadata for SEO. The UI is built on Radix UI, Base UI, and shadcn-style primitives (cva, clsx, tailwind-merge), state is managed with Zustand, forms use Formik + Yup, charts with Chart.js, and animations via GSAP delivering a fast, accessible, and trustworthy real-estate experience at national scale.

Built on Next.js 16 App Router with src/app/[locale]/ segments and a catch-all rest route. Full RTL support via next-intl, with localized metadata, routes, and content.
Dedicated routes for buy, sell, property, compare, favorites, mortgage, bank-form, and verify-qr each with its own boundaries (error / not-found / loading) at the route level.
Dedicated api/auth route handlers, session-aware UI, and Firebase-backed verification enabling secure account creation and gated actions like saving favorites or submitting interest.
Centralized src/proxy.ts and src/apis.ts proxy the upstream services, with Redis (ioredis) caching for hot endpoints organized into services/, store/, hooks/, and providers/.
Dual map providers (Google Maps + Leaflet) with marker clustering via @googlemaps/markerclusterer and supercluster, enabling fluid map-based property discovery at scale.
Built-in mortgage calculators (Chart.js visualizations) and a structured bank-form flow that lets users start an application against partner banks directly from a property.
verify-qr route lets users authenticate listings via QR reinforcing the platform's role as the official, government-backed real estate source.
Light/dark theming through next-themes and full RTL layout support driven by next-intl every component is built to flip cleanly between locales.
Per-route dynamic OpenGraph and Twitter metadata so every property, compound, and city page renders rich, shareable previews on social platforms.
Embla carousels, cmdk command menus, sonner toasts, input-otp, react-day-picker, react-international-phone, react-qr-code, and react-share all wired into a cohesive shadcn-style design system.
App Router with Turbopack and the React Compiler. Locale-aware routing via [locale] segments and a catch-all rest route, route-level error/not-found/loading boundaries, and dynamic OpenGraph/Twitter metadata for SEO.
Strictly-typed component architecture using shadcn-style primitives (cva, clsx, tailwind-merge), Radix UI, Base UI, lucide-react, and tw-animate-css for accessible, composable UI.
Utility-first styling with light/dark theming via next-themes and full RTL support driven by next-intl one design system that adapts to language and theme.
Lightweight global state for cross-route concerns (filters, auth status, comparison list, favorites) without the boilerplate of a heavier store.
Custom auth flow with dedicated api/auth route handlers, NextAuth v5 (beta) sessions, and Firebase as the identity backend for OTP and account verification.
Locale-aware App Router with [locale] segment, message catalogs, and RTL-ready layouts for English and Arabic users on the same codebase.
Server-side caching layer for hot data and API proxy responses to keep listing pages fast even under heavy traffic.
Dual map providers via @vis.gl/react-google-maps and @react-google-maps/api, with marker clustering powered by @googlemaps/markerclusterer + supercluster plus Leaflet for alternate map views.
Timeline-driven animations and scroll-linked transitions for landing-page motion and section reveals.
Schema-validated forms across mortgage applications, bank forms, and contact flows with consistent error UX.
Interactive charts for mortgage calculators and market insight visualizations.
Leave message for me to get updates about my latest projects. or if you have any suggestion i will be happy to hear .