I build pixel-perfect, accessible products for the web and beyond.
Projects
2025
Edge Innovation Center Dashboard (RAYA)
Production admin platform for Edge Innovation Center operations across bookings, spaces, finance, procurement, and administration workflows.
TypeScript
Next.js
React
Zustand
Tailwind CSS
Shadcn/UI
Framer Motion
TanStack Query
TanStack Form
TanStack Table
Zod
Axios
next-intl
Sentry
2025
Alouf Transportation Dashboards (Admin + Tenant)
Multi-tenant transportation operations platform for managing drivers, vehicles, routes, trips, tenant requests, and service workflows.
TypeScript
Next.js
React
Tailwind CSS
Shadcn/UI
TanStack Query
TanStack Form
TanStack Table
Zustand
nuqs
Axios
Zod
next-intl
Jest
2025
RealDeal (Client + Vendor Platforms)
Automotive marketplace platform in Egypt connecting verified dealers, buyers, and financing partners across comparison, lead, payment, and dealer operations.
TypeScript
Next.js
React
HeroUI
Tailwind CSS
TanStack Query
TanStack Form
TanStack Table
Zustand
Zod
next-intl
nuqs
Axios
Firebase
JOSE
Experience
Architected scalable Next.js App Router platforms for operational dashboards, transportation logistics systems, and automotive marketplace applications.Standardized frontend architecture patterns and engineering rules across the team for consistent feature delivery.Built reusable schema-driven form systems with TanStack Form and Zod to reduce duplicated validation logic.Implemented typed REST data layers with TanStack Query, SSR prefetch, hydration patterns, and mutation-driven cache invalidation.Engineered secure RBAC authentication systems with encrypted session cookies, middleware token refresh, and permission-gated UI.Engineered reusable admin data table systems with URL-synced filtering, pagination, and search.Delivered bilingual English/Arabic interfaces with full RTL support using next-intl.Implemented production observability and error monitoring with Sentry.
Rebuilt the application UI from Figma designs, delivering a modern and consistent interface.Implemented new product features with React, Zustand, Formik, and React Query.Built responsive UI components with Material UI and Tailwind CSS.Collaborated closely with backend engineers to streamline API integration and improve data flow.
Developed a modern operations dashboard using Next.js.Improved frontend performance by reducing bundle size and optimizing data fetching for faster page loads.Implemented responsive and accessible UI patterns to ensure cross-device usability.
Developed responsive web interfaces using React and Next.js.Improved application performance and codebase maintainability through component refactoring.Delivered scalable frontend solutions aligned with client requirements.
Certificates
May 2024
Udemy
Next.js 14 & React - The Complete Guide
Next.js
App Router
Server Actions
Authentication
File upload
Jan 2024
The UX Design Process: Empathize, Define, and Ideate
User Experience (UX)
Prototype
Wireframe
User Experience Design (UXD)
UX Research
Nov 2023
Udemy
The Ultimate React Course: React, Redux & More
React
contextAPI
Redux
CSS Modules
styled-components
React Router
Tailwind
React Query
Apr 2023
University of Michigan
Python Data Structures
Python Syntax And Semantics
Data Structure
Tuple
Python Programming
Jan 2023
Udemy
The Complete JavaScript Course: From Zero to Expert!
JavaScript
Object-Oriented Programming (OOP)
Algorithms and Data Structures
Parcel
Babel.js
Aug 2021
freeCodeCamp
Responsive Web Design
HTML
CSS
Sept 2020
freeCodeCamp
JavaScript Algorithms and Data Structures
Javascript
Algorithms and Data Structures
Regular Expressions
Functional Programming