I build the software behind a business, not just the interface in front of it — full-stack web applications, SaaS products, and the automation that removes manual work, all architected to hold up once real users are on it, not just when it's demoed.
Most of the work happens before any code gets written: figuring out what actually needs to be true for the business, then building the system that makes it true. That includes making sure the result can be found — whether the one searching is a person on Google or a model answering a prompt.
- Full-stack web applications and SaaS products, built end to end in TypeScript
- Business automation that removes manual, repetitive work
- Frontend architecture and UI built to convert, not just to look finished
- SEO, AEO, and GEO treated as part of the build, not an afterthought
Search & analytics dashboard — the kind of visibility tracking that goes into every client build
|
Frontend
|
Backend & Data
|
Platforms & Tools
|
Search & Visibility
|
The package list below looks like noise to anyone outside engineering — so here's what each piece is actually doing for the end product:
| Tool | In plain English |
|---|---|
next | The framework the whole site runs on — handles routing, performance, and SEO-friendly page rendering out of the box |
react / react-dom | The engine behind every interactive piece of the interface |
🌐 next-intl | Powers full bilingual sites (Arabic / English) from a single codebase, including native RTL layout switching |
 radix-ui / @base-ui/react / shadcn | Accessible, pre-tested building blocks (menus, dialogs, dropdowns) so every interaction works correctly for every user, including screen readers |
 react-hook-form + @hookform/resolvers + zod | Forms that validate what a user types in real time and refuse to submit bad data — signups, checkouts, contact forms |
 framer-motion | The smooth animations and transitions that make a site feel finished instead of static |
🎬 lottie-react | Lightweight animated illustrations — the polished motion graphics you see on modern landing pages |
🎠 embla-carousel-react | Product carousels and image sliders, built to actually work well on mobile |
📊 recharts | Charts and graphs for dashboards — the visual side of analytics and reporting |
🔍 fuse.js / cmdk | Fast, typo-tolerant search — the "type and instantly find it" experience, including command-palette search |
📅 date-fns / react-day-picker | Date handling and calendar pickers — booking flows, scheduling, delivery windows |
🔔 sonner / vaul | The toast notifications and slide-up panels that give users feedback without a jarring page reload |
📧 @emailjs/browser | Contact forms that actually deliver email, no backend server required |
🌗 next-themes | Dark mode / light mode that respects what the user's device already prefers |
lucide-react | The icon set used consistently across the entire interface |
tailwind-merge / clsx / cva | Keeps the styling system consistent and conflict-free as a codebase grows |
Numbers instead of adjectives. This is what shows up when the work is real: consistent commits, a stack that matches the job, and projects that are actually indexed and ranking — not just shipped and forgotten.
Full-year contribution activity
Consistency, by the numbers
|
Active shipping streak
|
Multi-project delivery
|
Bilingual by default
|
Indexed & ranking
|
Language stats above are computed from a self-hosted instance authenticated with a scoped, read-only token — so private repos are included in the totals without their contents or names being exposed anywhere.
A site nobody finds isn't finished. Every project ships with three layers of visibility built in, not bolted on afterward.
Traditional search |
AI search |
| Layer | What it means | What it proves |
|---|---|---|
| 🔎 SEO | Traditional ranking: crawlable semantic HTML, clean URLs, sub-2s Largest Contentful Paint | Indexed on Google Search Console on live client builds, not just in theory |
| 💬 AEO Answer Engine Optimization |
Content structured to win featured snippets and "position zero" — direct answers, FAQ blocks, clear headings | Pages built to be lifted whole into a search answer box, not just clicked through to |
| 🤖 GEO Generative Engine Optimization |
Content structured so ChatGPT, Perplexity, and AI Overviews can extract it and cite the source | Structured data (schema.org) and citation-ready formatting on real client sites, not a claim |
|
Premium ebook marketplace for students and professionals — 380+ titles across 8 categories, instant PDF/ePub delivery, no subscription model. Stack:
|
Editorial portfolio for a bilingual aviation & aerospace analyst covering the MENA region's aviation, space, defence, and future-tech sectors. Stack:
|
Bilingual ecommerce storefront for cosmetics and kitchen essentials, built for the Palestinian market with fast local delivery. Stack:
|
| Area | Outcome |
|---|---|
| 🛠️ Custom Software | Built around how your business actually runs, not a generic template |
| ⚙️ Business Automation | Fewer manual steps, fewer errors, more time back |
| 🌐 Web Applications | Fast, responsive products built to scale with usage |
| ☁️ SaaS Solutions | End-to-end — auth, data, and architecture ready to bill on |
| 📝 WordPress Builds | Custom themes and site setups for clients who need a CMS-driven site, not a full custom app |
| 🎨 UI/UX Implementation | Interfaces designed to convert, not just look good |
| 🔎 Search & AI Visibility | Built to rank in Google and get cited by ChatGPT, Perplexity, and AI Overviews |
| 🔄 Digital Transformation | Manual or legacy processes moved into modern systems |
