About Me
Senior Full-Stack JavaScript/TypeScript developer with 6+ years of experience shipping production web and mobile products. Currently the sole owner of the front-end architecture of a construction-management SaaS platform…
Senior Full-Stack JavaScript/TypeScript developer with 6+ years of experience shipping production web and mobile products. Currently the sole owner of the front-end architecture of a construction-management SaaS platform — from architecture decisions and a shared component library through code review, standards, and production releases. Comfortable across front-ends, Node.js and Firebase back-ends, MongoDB/PostgreSQL data layers, and deployment and CI/CD on Vercel, Firebase and AWS. Strong on RTL/i18n interfaces, performance optimization and reusable design systems, and I build with AI coding agents and AI-assisted workflows as part of day-to-day delivery.
Experience
Lead Front-End Engineer
<p>Own the entire React/TypeScript front-end end-to-end: application architecture, feature-based folder structure, routing, state-management strategy and the release process.</p><p> Designed and built the shared component library on top of Material UI — the single source of truth for tables, forms, dialogs and layout across every module, which made new screens significantly faster to build and kept the UI consistent.</p><p> Define the REST API contracts with the backend team and implement all client-side data fetching, caching, optimistic updates and error handling.</p><p> Implemented full RTL and i18n support (Arabic/English) across the product — layout mirroring, locale-aware formatting, and a translation structure the team extends without touching layout code.</p><p> Led the performance work: code splitting, render-behaviour profiling, memoization, large-list virtualization and bundle-size reduction on data-heavy project screens.</p><p> Set the front-end coding standards and review all front-end pull requests; onboard and mentor developers joining the codebase and pair with them on debugging and best practices.</p><p> Own build and deployment of the front-end (environment configuration, build pipeline, production releases) and work directly with designers, backend engineers and stakeholders in an Agile workflow, turning product requirements into scoped technical work.</p>
Full-Stack Next.js Developer
<p>Designed and built the full coaching platform in Next.js, Firebase and Material UI, including authentication, role-based access, content management and an RTL-ready Arabic/English interface.</p><p> Modelled the Firestore data structure, wrote the server-side logic and integrated third-party services.</p><p> Deployed to Vercel with Git-based CI, configured the custom domain and SSL, and maintained the production app across releases.</p>
Full-Stack JavaScript & React Native Developer
<p>Built the React/Redux admin dashboard from scratch — student-mobility management, data tables, reporting views and full RTL support.</p><p> Shipped features and bug fixes to two production React Native apps (student app and driver app) live on Google Play, working inside an existing codebase.</p><p> Extended the Node.js/MongoDB API with new endpoints and data models to support the dashboard and the mobile features.</p>
Full-Stack Developer
<p>Built React.js feature screens from design specs, including forms, validation and API-driven views.</p><p> Implemented the Node.js and Firebase services behind those features — authentication, Firestore data models and cloud functions — then integrated them with the front-end I built.</p>
Full-Stack Web Developer
<p>Built responsive websites and UI components from design specifications using HTML5, CSS3, JavaScript and Bootstrap.</p><p> Implemented Firebase back-ends (auth, database, storage) and handled hosting, domain setup and deployment.</p>
Front-End Development Intern
<p>Completed structured training in HTML, CSS, JavaScript, Bootstrap and introductory React; delivered the assigned tasks and a graduation project.</p>
PROJECTS
Construcllo
<p>construction-management SaaS</p><p>My part: the complete front-end — architecture, shared component library, all feature modules, API integration, RTL/i18n and performance.</p>
I Can Coach You
<p>online coaching platform</p><p>My part: solo full-stack developer — the whole application and its deployment.</p><p>Next.js · Firebase · Material UI · Vercel</p>
BigTime
<p>digital business platform</p><p>My part: built the full-stack application on the T3 stack, including the database schema and the type-safe API layer, and deployed it.</p><p>Next.js · tRPC · Prisma · PostgreSQL · Vercel</p>
EgyPTC
<p>association portal</p><p>My part: designed and developed the full MERN application front to back.</p><p>Next.js · Node.js · MongoDB · Material UI</p>
HafsQuran
<p>Quran-recitation tutoring app</p><p>My part: built end-to-end as sole developer — a dynamic Arabic/RTL learning app with scheduling, sessions and user management.</p><p>React · Redux · Firebase · RTL</p>