@salah-mohsen

Engineered a platform-style Next.js App Router architecture with thin route pages and feature-private modules, keeping booking, space, finance, procurement, and admin domains composable and maintainable. Standardized the data layer with TanStack Query (queryOptions/mutationOptions), SSR prefetch + HydrationBoundary, and mutation-driven cache invalidation to keep server/client state consistent. Built a reusable form system using TanStack Form (useAppForm, withForm) + Zod schemas + dynamic section loading for complex operational workflows (spaces, pricing, bookings, roles, settings). Implemented production-grade security/reliability: JOSE-encrypted sessions, middleware token refresh, route-level permission enforcement, centralized Axios fetch/error normalization, and Sentry instrumentation across client/server/edge. Created and maintained a Cursor rules layer (.cursor/rules) that codified feature/query/form/table patterns, reducing implementation ambiguity and accelerating onboarding, PR consistency, and delivery flow.

Engineered a Next.js App Router operations platform for transportation workflows (drivers, vehicles, routes, trips, requests, tenants) with React 19 + strict TypeScript for maintainable feature delivery. Standardized a typed REST data layer with centralized endpoint contracts and a custom Axios fetcher that injects auth, locale, timezone, file-upload handling, and normalized API/server error messages. Codified secure auth + RBAC with encrypted session cookies, middleware-based token/session refresh and route redirects, explicit route-to-permission mapping, and permission-gated UI actions/components. Composed schema-first forms using TanStack Form + Zod + reusable field primitives; mapped backend validation errors back into field states and shipped multi-step create/edit flows for core operations. Built a reusable table system with TanStack Table + URL-synced state (nuqs) for pagination/filter/sort/search, with consistent loading/error/empty states and reusable create/export/import topbar actions. Implemented bilingual i18n/RTL architecture (English/Arabic typed messages, direction/font switching) plus SSR prefetch/dehydrate hydration patterns and lazy-loaded heavy client tooling/components for leaner runtime behavior.

Standardized frontend architecture across client/vendor apps by enforcing independent module boundaries in ESLint and codifying team rules in .cursor playbooks, which made layering constraints executable instead of tribal knowledge. Engineered a typed REST data layer (queryOptions + shared fetcher) with SSR prefetch/dehydrate patterns for marketplace/comparison pages, improving first-render data availability and reducing client-side fetch waterfalls. Built schema-first, multi-step operations forms (TanStack Form + Zod) for dealer employee create/update flows, including server validation mapping to field errors and explicit success/failure UX states. Hardened authentication and authorization with encrypted JWT session cookies, proactive token refresh, middleware route protection, and permission-gated UI/navigation for dealer dashboards. Implemented bilingual en/ar localization with typed message contracts, locale-cookie resolution, dir switching (ltr/rtl), and RTL-aware component styling patterns across tables/forms/navigation. Applied practical performance/release tactics via dynamic imports (map/chart/modal), batched image preloading, Next.js cache/image optimizations.