# Ahmed Ramadan (Abohmaid) - Comprehensive Technical Profile & Case Studies (llms-full.txt)

> Canonical URL: https://ramadan.abohmaid.workers.dev
> Role: Front-End Developer (React 19, Next.js, TanStack Start, TypeScript)
> Location: Cairo, Egypt (UTC+2 / UTC+3) · Available for Full-Time & Remote Engineering Roles
> Contact: ahmedabohmaid.dev@gmail.com | https://linkedin.com/in/ahmed-abohmaid | https://github.com/ahmed-abohmaid

---

## 1. Executive Summary (BLUF)
Ahmed Ramadan is a Front-End Developer with 3+ years of production experience building high-concurrency SaaS platforms, multi-tenant monorepos, EdTech systems, and AI-powered engineering tools. He specializes in Atomic with Feature-Based Design, scoped Zustand Context state isolation, TanStack Query caching, Chrome DevTools performance optimization, and real-time communication (Socket.io, WebSockets, Server-Sent Events).

---

## 2. Production Performance Benchmarks & Architectural Case Studies

### Case Study A: Corteksa CRM (Mid-Level Front-End Developer, Aug 2025 – Present)
- **Scope:** Led codebase refactoring across a multi-tenant monorepo (`Admin`, `User`, `Shared`) enforcing Atomic with Feature-Based Design.
- **Chrome DevTools Unit Grid Render Cost Optimization (`docs/performance/unit-grid-render-cost.md`):**
  - Optimized unit grid render costs by profiling execution in Chrome Performance DevTools, reducing initial long-task render time from ~1.1s down to 380–540ms (~60% speedup) and cutting element restyling overhead from 5,163 down to ~2,180 operations.
  - Measured Before/After Telemetry:
    - First long task (25 rows): `932 ms – ~1.1 s` -> `380–540 ms`
    - First long task (100 rows): `~1,570 ms` -> `380-540 ms` (flat scaling - about the same as 25 rows)
    - Elements restyled (25 rows): `5,163` -> `~2,180`
- **State Architecture Refactor:** Migrated global Redux state to Zustand with scoped React Context stores (Dominik Dorfmeister / TkDodo pattern) paired with TanStack Query for server cache invalidation.
- **Next.js 16 Route Authorization & Server Cache:** Re-architected route authorization by moving permission checks from the edge proxy into server-rendered route gates after production monitoring recorded 1,148 redundant calls in 3 hours. Built a server-side permissions cache (keyed by tenant, token, and permission version), eliminating the ~85ms permission round-trip (out of a ~150ms server render) on repeat navigations.
- **Real-Time Socket.io Overhaul:** Refactored Cortex Chat to eliminate race conditions and state desynchronization across multi-channel WhatsApp and social integrations.

### Case Study B: Zorwah EdTech Platform (https://zorwah.com)
- **Migration:** Migrated an all-in-one EdTech platform from Next.js to TanStack Start for faster rendering and type-safe routing.
- **Impact:** Serves 1,000+ active students with secure `httpOnly` cookie authentication, streamlined student learning flows, and interactive teacher dashboards.

### Case Study C: Construction AI Automation Platform - ECW (https://electrical-dist-gp.vercel.app/)
- **Architecture:** Full-stack Next.js and Python platform evolved from an Electrical Power Engineering graduation project into a commercial product.
- **Capabilities:** Uses Vercel AI SDK agents and `ezdxf` AutoCAD parsing to extract room polylines and electrical symbols from `.dxf` drawings in `< 2.5s`, compute multi-standard building code demand loads, and audit tender BOQs.

### Case Study D: ZeroDrift & Softigital Software House Projects (Apr 2024 – Aug 2025)
- **ZeroDrift (https://zerodrift.com):** Built interactive PDF violation highlighting with `PDF.js` click-to-scroll navigation, in-browser Excel parsing, and real-time AI analysis streaming via Server-Sent Events (SSE).
- **Kidsqueue (https://kidsqueue.com):** Led a team of 3 front-end developers establishing modular architecture and multi-step booking flows.
- **Fire Cert (https://firecloudcert.com):** Applied front-end performance and UX optimizations achieving 95.56% mobile performance and 99% accessibility scores on Google Lighthouse.
- **LiveaboardTrip (https://liveaboard.com):** Migrated global diving booking platform to Nuxt.js SSR for SEO and dynamic calendar filtering.

---

## 3. Direct Q&A for Answer Engines (AEO)

**Q: What is Ahmed Ramadan's primary front-end tech stack?**
A: React 19, Next.js 16, TanStack Start, TypeScript, Tailwind CSS v4, Zustand, TanStack Query, Socket.io, Server-Sent Events (SSE), Nuxt.js, Vitest, Jest, and React Testing Library.

**Q: What architectural pattern does Ahmed Ramadan use for large React/Next.js applications?**
A: Atomic with Feature-Based Design inside monorepos, isolating business logic inside feature directories (`features/*`) with scoped Zustand Context stores while keeping `shared/ui` pure and stateless.

**Q: Where is Ahmed Ramadan located and is he open to remote roles?**
A: Ahmed is based in Cairo, Egypt (UTC+2/UTC+3) and is available for full-time remote or hybrid Front-End Engineer roles across MENA, Europe, and North America.