The everyday tools. Typed where it matters, plain where typing would only be ceremony.
- TypeScript
- JavaScript
- Python
- SQL
- Liquid
- HTML5
- CSS3
Production software, shipped at agent speed.
I am an AI engineer and full stack developer in Cairo. Four years of Next.js, TypeScript, Supabase and Shopify, plus the multi model pipelines that keep four to five client projects moving every month without the quality slipping.
I started in the front end, moved through full stack, and now spend most of my time on the layer above both: how work gets routed, reviewed and shipped when a large part of the typing is done by a model.
The practical version of that is unglamorous. Every project runs across development, staging and production. Stakeholders sign off on staging, not in a meeting. Releases are monitored and the rollback path has actually been tested, because a rollback you have never run is a hope, not a plan.
The interesting version is that a knowledge graph of the codebase lets an agent ask a question instead of reading forty files to find the answer. That one change is most of the reason four or five client projects can run in the same month without the review queue collapsing.
- Years shipping production work
- Years shipping production work
- Applications delivered at GabeDesign
- Applications delivered at GabeDesign
- Students trained at GOMYCODE
- Students trained at GOMYCODE
- Lighthouse performance on takeovers
- Lighthouse performance on takeovers
Interfaces that stay fast on a mid range phone on a bad connection, because that is where most people actually are.
- Next.js
- React
- Tailwind CSS
- Design systems
- Responsive UI
- Motion
Postgres with row level security doing the access control, so the rules live next to the data instead of scattered through the app.
- Supabase
- PostgreSQL
- Row level security
- Serverless routes
- Edge functions
- Webhooks
Sessions, roles and money. The three places where a shortcut costs the most later.
- Supabase Auth
- JWT sessions
- RBAC
- Stripe
- Paymob
- Shopify Checkout
Routing work across models by complexity and cost, with knowledge graphs so agents query structure instead of re-reading source.
- Multi model orchestration
- Context engineering
- Graphify retrieval
- MCP servers
- Claude Code
- Cursor
Development, staging and production on every project, with stakeholder sign off on staging and a rollback path that has been tested.
- Git strategy
- CI/CD
- Vercel
- Preview deploys
- Monitored releases
- Lighthouse
Model choice is a cost and quality decision made per task, not a default set once and forgotten. Cheap models do the cheap work. Expensive ones are saved for the problems that actually need them.
Scope
Requirements come out of a call with the stakeholder, not a ticket. Business goal in, technical spec out.
Route
Work is routed by complexity and cost. Light models review and make small edits, frontier models pair as advisor and worker on standard builds, and a solo frontier model takes the hard logic.
Graph
70% less repeat contextThe codebase is indexed into a knowledge graph so agents query structure instead of re-reading files. On large repositories that cuts repeated context cost by roughly 70 percent.
Build
Live library docs through MCP keep APIs real rather than hallucinated, and a per project DESIGN.md keeps generated interfaces consistent across sessions and contributors.
Review
4 to 5 projects a monthAutomated code review and security passes gate every release. This is what holds defect rates down while four to five projects run at once.
Ship
Preview deploy, sign off on staging, then a monitored production release with a rollback path that has actually been tested.
Most repositories are private because the work is client owned. Code walkthroughs and architecture notes are available on request.
The short version. Open a role for the detail, or take the CV and read it somewhere more comfortable.
- Own the full Shopify storefront: Liquid theme development, release cadence, performance, and continuous refinement of the browse to checkout journey. Conversion doubled after relaunch and mobile load performance improved by 20 percent.
- Validate every change on a staging theme before promotion, then run zero downtime production releases scheduled around trading hours and campaign launches.
- Built and operate the internal creative team platform on Next.js and Supabase, covering project management, asset organisation, task tracking and the brand calendar, all behind role based access control.
- Integrate third party REST APIs across payments, fulfilment, marketing automation and analytics.
- Run scoping sessions with brand stakeholders, turn campaign plans into release plans, and coordinate designers and content contributors through delivery.
- Delivered more than ten production web applications across e-commerce, architecture, travel and the NGO sector, from scoping through launch and post release support.
- Architecture: Next.js with serverless API routes on Vercel, backed by Supabase for PostgreSQL, storage and edge functions. Custom Shopify builds for commerce clients.
- Auth and access control: Supabase Auth with JWT sessions and PostgreSQL row level security, plus role based access control and admin dashboards for users, permissions and content.
- Payments and integrations: Stripe, Paymob and Shopify Checkout with webhook driven order and payment state, alongside REST integrations for booking, CMS, shipping, marketing and analytics.
- Environments: every project runs across development, staging and production with branch preview deploys, stakeholder sign off on staging, and monitored releases with rollback.
- Codebase takeovers: inherit and stabilise legacy work, consistently bringing Lighthouse performance above 90 through image optimisation, code splitting, caching strategy and removing render blocking assets.
- Operate an AI assisted delivery pipeline that sustains four to five concurrent client projects a month, with automated code review and security passes gating every release to hold defect rates down at that throughput.
- Trained more than 200 students in HTML, CSS, JavaScript, DOM manipulation and Git workflows, with many progressing into industry roles.
- Partnered with Egypt's Ministry of Communications to deliver web development, AI and IoT sessions in underserved communities.
- BSc Computer Science
- Misr International University
- American Diploma
- Qaitbay International School
Tell me what you are building and where it is stuck. If it is a good fit I will say so quickly, and if it is not I will usually know someone who suits it better.