About
I’m Mohamed, a frontend developer who enjoys making complex software easier to understand and use. I’m drawn to products with dense information, complicated workflows, and systems that need more than a standard interface.
Most of my work lives in React, but I also work across the stack when the problem calls for it. Lately, I’ve been exploring Generative AI and the systems around it, particularly how models, data, and software can come together to build more capable and intuitive tools.
Journey
Foundations
(Core Web)
2020 — 2022Starting with core web technologies and interactive computing, exploring graphic systems, visual layout, and the foundational mechanics of how browsers render and animate interfaces.
Frontend Systems
(Architecture)
2022 — 2024Deepening into modern React ecosystems, TypeScript, state architecture, and component systems. Building dense, interaction-heavy applications and complex data visualizations designed for real-world usability.
Full-Stack & AI
(Intelligent Systems)
2024 — TodayExpanding across the stack into backend services, APIs, and data models, while actively exploring Generative AI and multimodal reasoning systems. Designing interfaces that make dense systems and intelligent models navigable.
Capabilities
Frontend Engineering
CoreBuilding complex, responsive, and resilient user interfaces with React and TypeScript. Specializing in state architecture, client-side routing, performance optimization, and accessible component systems that scale cleanly.
React, TypeScript, Next.js, Astro
Application state architecture, client caching, type-safe data pipelines
Modular CSS architecture, accessible component foundations, design tokens
Interactive Systems & Visualization
InteractionDesigning interfaces that make dense, multi-layered data understandable. Crafting fluid simulations, spatial layouts, custom canvas graphics, and precision motion to transform complicated structures into intuitive visual spaces.
D3.js, interactive graphs, custom charts, canvas rendering
GSAP, spring physics, scroll-driven choreography, micro-interactions
Geospatial maps, node-based layouts, viewport culling, interactive grids
Full-Stack & AI Integration
SystemsConnecting rich frontend experiences with robust backend services, structured database models, and modern Generative AI pipelines. Engineering end-to-end applications from API contracts to multimodal reasoning workflows.
Node.js, REST APIs, Fastify, WebSockets
Prisma ORM, relational databases, strict Zod schema contracts
LLM integrations, multimodal reasoning pipelines, structured outputs
Approach
01 / Navigable Complexity
Software with dense information and complicated workflows shouldn’t simply hide its complexity. I focus on making complex systems transparent, approachable, and intuitive to navigate.
02 / System Architecture
A great interface is more than visual polish. I care about predictable state, type-safe data, decoupled architecture, and solid foundations that keep software fast and maintainable.
03 / Exploratory Craft
I use focused prototypes to test new interactions, explore technologies, and push technical boundaries. Hands-on experimentation turns ideas into patterns I can carry into real products.
04 / Generative AI Exploration
I’m exploring Generative AI as an evolving layer of software—connecting models, structured data, multimodal reasoning, and interaction to create more capable digital tools.