0%
Sketch
UI design
Person
Development
Product

Mahmoud Adel
Building Products, Not Just Pages

3+ years building production-ready applications with Next.js, React, TypeScript, Tailwind CSS, and React Query — focused on performant, maintainable, and user-centric products.

PROJECTS

SELECTED WORK

Qiyas

Challenge

Dashboards could not scale across government roles and changing business rules.

My role

Led front-end delivery — refactored dashboards, rebuilt Meetings & Visits, and shipped reporting features.

Impact

230+ agencies with faster dashboards via React Query caching.

  • React
  • TypeScript
  • React Query
  • Tailwind CSS
  • Chart.js

Qabilah

Challenge

Mid-project handover risked UI inconsistency on a growing professional network.

My role

Took over UI leadership — reusable components, API integrations, and front-end architecture.

Impact

33K+ users with a responsive, accessible interface.

  • Next.js
  • TypeScript
  • React Query
  • Tailwind CSS
  • Firebase
  • Stripe

MoonTech

Challenge

Multiple products needed one maintainable front-end, not separate rebuilds.

My role

Built scalable architecture across websites, dashboards, and landing pages.

Impact

Reusable component system powering multiple live products.

  • Next.js
  • TypeScript
  • Strapi
  • GSAP

Nammoz

Live
Challenge

Client needed a multilingual site they could update without a developer every time.

My role

Solo freelance end-to-end build with Sanity CMS, i18n, and performance-focused UX.

Impact

Live production site with a maintainable content workflow.

  • Next.js
  • TypeScript
  • Tailwind CSS
  • Sanity
  • i18n

Sulis

Live
Challenge

Wholesale marketplace needed a landing page that sold the product through scroll.

My role

Solo freelance end-to-end build with scroll-driven GSAP animations.

Impact

Live landing page with polished motion-led storytelling.

  • Next.js
  • TypeScript
  • GSAP
  • ScrollTrigger
  • Tailwind CSS

What I Build

Business dashboard and analytics interface on screen

( Platforms & Dashboards )

Business Products

Code editor with React, Next.js, and TypeScript on a monitor

( Frontend Engineering )

Modern Stack

User-centric product interface with performance-focused design

( Product Delivery )

User Experience

How I Ship

The Process

Scroll to explore

Every product starts with clarity — then layers of architecture, frontend craft, and iteration stack into something that scales.

Clean Architecture

Structured, maintainable codebases built for long-term scale — clear patterns from first commit to production.

Performance First

Fast, optimized interfaces that stay responsive at scale — dashboards, feeds, and platforms built to perform.

User Experience

User-centric products that solve real business problems — thoughtful flows, accessibility, and polish throughout.

Product Thinking

Transforming complex requirements into polished digital experiences that deliver measurable business value.

Built for Real Users

Every interface I ship starts with the people who use it — performant, maintainable, and user-centric products that solve real business problems, not just look good in a demo.

What I Use

( 01 )

Frontend Development

  • React.js
  • Next.js
  • TypeScript
  • Tailwind CSS
  • shadcn/ui
  • Responsive Design
( 02 )

State & Animation

  • React Query
  • Zustand
  • GSAP
  • Framer Motion
  • Chart.js
  • React Hook Form
( 03 )

Auth & Integration

  • NextAuth.js
  • Stripe
  • Supabase
  • Firebase
  • REST APIs
  • next-intl

Kind Words

Sameh Deabes smiling at a tech event

Qabilah

Sameh Deabes

Solutions Architect | Engineering Manager | Co-founder of Qabilah

Mohammed Elmahdy standing with arms crossed in front of a brick wall

Qabilah

Mohammed Elmahdy

Solutions Architect | Technical Delivery Manager | Qabilah Co-Founder & CTO