٣ سنوات في المجال... ولسه بتعلّم. ولسه ببني

محمود عادل

مهندس واجهات أمامية، بشتغل على منتجات بيستخدمها ناس كل يوم.

مهندس واجهات أمامية | ساهمت في تطوير أكثر من 15 منتجًا رقميًا • حلول مستخدمة لدى أكثر من 230 جهة حكومية سعودية • منصة اجتماعية تضم حاليا أكثر من 52 ألف مستخدم

متاح لفرص جديدةالإسكندرية، مصر

عرض المشاريع تحميل السيرة الذاتية

صورة شخصية لمحمود عادل — هذا أنا — محمود

أبرز الأعمال

مشاريع مميزة

مشاريع Production حقيقية بتخدم مستخدمين حقيقيين وتحقق نتائج فعلية.

SaaS

2025

قبيلة

منصة اجتماعية عربية للمحترفين، ساهمت في تطوير الكثير من ميزاتها كالمطور الأساسي للواجهة الأمامية، بما في ذلك التوظيف، والملفات المهنية، والاشتراكات، والإشعارات، وتجربة الـ PWA، في منصة تجاوزت لاحقًا 52 ألف مستخدم.

React
Next.js
TypeScript
Auth.js

عرض دراسة الحالة

مؤسسات

2024

قياس

منصة للمؤسسات لقياس التحول الرقمي لأكثر من 230 جهة حكومية سعودية، مع Dashboards متعددة، وRBAC، وReview Workflows معقدة.

React
TypeScript
TanStack Query

عرض دراسة الحالة

أنيميشن

2025

سلس

منصة تجارة إلكترونية موجهة للشركات، ساهمت في بناء صفحة هبوط تفاعلية باستخدام GSAP مع تنفيذ دقيق للتصميم، إلى جانب تطوير ميزات داخل المنصة مثل طلبات عروض الأسعار وخطط الاشتراك.

Next.js
TypeScript
GSAP
Tailwind CSS

عرض دراسة الحالة

أنيميشن

2026

Motion Lab

مشروع تجريبي لاستكشاف تصميم الحركة باستخدام GSAP داخل تطبيقات React وNext.js، مع التركيز على التفاعلات المرتبطة بالتمرير، وأنظمة الحركة القابلة لإعادة الاستخدام، وتجارب استخدام أكثر حيوية.

Next.js
TypeScript
Tailwind CSS
GSAP

عرض دراسة الحالة

عرض كل المشاريع

— على الطريق —

مسار مهني مختصر

النتائج أولاً — ماذا غيّر كل دور فعلياً.

— مساران على الطاولة —

العمل الحالي
MoonTech
نوفمبر 2025 – الآن
مطور واجهات أمامية · عن بُعد
أكثر من 6 تطبيقات SaaS ومواقع تسويقية عالية الأداء على Production
- تطوير مواقع تسويقية وLanding Pages عالية الأداء باستخدام Next.js وGSAP وStrapi — مع تحسين SEO وإمكانية الوصول وتمكين الفرق غير التقنية من نشر المحتوى باستقلالية.
- بناء أكثر من 6 تطبيقات SaaS وDashboards باستخدام React وNext.js وTypeScript، مع تنفيذ تسجيل الدخول وRBAC وتكامل REST APIs وبنية قابلة لإعادة الاستخدام.
- التعاون مع الـ Product والـ Designers والـ Backend لتحويل تصاميم Figma إلى واجهات Pixel Perfect ومتجاوبة وسهلة الوصول، مع بناء بنية type-safe حسّنت قابلية التوسع والصيانة.
- تسريع تطوير الواجهات المعقدة عبر دمج سير عمل مدعوم بالذكاء الاصطناعي وModel Context Protocol (MCP)، مع الحفاظ على معايير هندسية عالية.
Qabilah
أغسطس 2024 – أكتوبر 2025
مهندس واجهات أمامية · عن بُعد
المطور الأساسي للواجهة الأمامية — المنصة تجاوزت لاحقاً 52 ألف مستخدم
- تطوير الكثير من الميزات الموجودة في المنصة اليوم — التوظيف، الملفات المهنية، المجتمعات، والاشتراكات المدفوعة — وتحويلها إلى ميزات جاهزة للاستخدام بواسطة آلاف المستخدمين.
- تطوير أنظمة تسجيل الدخول بـ OAuth (Google)، وتطبيق نظام الصلاحيات (RBAC)، ودمج Stripe وFirebase Cloud Messaging، وتجربة PWA تشبه تطبيقات الموبايل دون تحميل الشركة تكلفة تعيين مطور تطبيقات موبايل.
- التعاون المستمر مع فرق الـ Backend والـ Product لتصميم الـ APIs وتحويل المتطلبات إلى ميزات مستخدمة فعلياً على المنصة، مع التواصل المباشر مع المستخدمين والمشاركة في جلسات Debugging.
Qiyas
يناير 2024 – يوليو 2024
مطور واجهات أمامية · السعودية، عن بُعد
المساهمة في إطلاق المنصة على Production لتقييم أكثر من 230 جهة حكومية سعودية
- تطوير Dashboards مختلفة لكل نوع من المستخدمين داخل هيئة الحكومة الرقمية — المدققين والخبراء ومديري النظام — وتحويل الـ Business Rules المعقدة إلى واجهات استخدام واضحة وسهلة.
- تحسين إدارة الـ Server State باستخدام TanStack Query من خلال Caching وتقليل الطلبات غير الضرورية، فصار أداء النظام أوضح بشكل ملحوظ ونلت مكافأة من مديري على التحسين.
- تطوير الكثير من الميزات ضمن الجدول الزمني، والتعاون المستمر مع فريق الـ Backend لضمان توافق الواجهات مع المتطلبات التي كانت تتطور أثناء تنفيذ المشروع.
Capivo
نوفمبر 2023 – يناير 2024
متدرب واجهات أمامية
أول شركة بدأت معها رحلتي المهنية — Landing Page بدقة Pixel Perfect
- تحويل تصميم Figma إلى واجهة Pixel Perfect، وتطوير Landing Page باستخدام Next.js وTypeScript وMaterial UI.
- التأكد من توافق الموقع مع مختلف أحجام الشاشات، والتعاون مع الفريق ومراجعة الملاحظات حتى الوصول إلى النسخة النهائية.

— التعليم —

التعليم

الخلفية الأكاديمية.

جامعة الإسكندرية

بكالوريوس علوم الحاسب

أبريل 2021 – أبريل 2025

ممتاز مع مرتبة الشرف (المعدل: 3.51 / 4.00)

ما الذي يشغل مساحة عملي؟

ماذا أبني

المنتجات التي أبنيها، وأهتم بها أكثر من غيرها.

تطبيقات SaaS

أبني منصات ويب متكاملة تضم تسجيل الدخول، إدارة الصلاحيات (RBAC)، الاشتراكات، ولوحات التحكم، مع components TypeScript قابلة لإعادة الاستخدام وقابلة للتوسع، وهي نفس البنية التي اعتمدت عليها في إطلاق أكثر من 6 منتجات Production.

لوحات التحكم

أنظمة إدارة مصممة لتبسيط العمليات اليومية، تشمل إدارة المحتوى، والمستخدمين، والصلاحيات، والتقارير، والإعدادات، مع واجهات واضحة تساعد الفرق على إنجاز أعمالها بسرعة وكفاءة.

صفحات الهبوط

صفحات هبوط ومواقع تسويقية مصممة لتحويل الزوار إلى عملاء، مع التركيز على السرعة، والوضوح، وتجربة مستخدم تعكس هوية العلامة التجارية.

الحركة والأنيميشن

تفاعلات وأنيميشن تضيف حيوية للموقع وتوجّه انتباه المستخدم، مع التركيز على الأداء وتجربة استخدام سلسة دون مبالغة.

أنظمة مؤسسات

أنظمة قابلة للتوسع للمؤسسات والجهات الكبيرة، تشمل إدارة المستخدمين والصلاحيات، وسير العمل، ولوحات التحكم، وتدعم الاستخدام اليومي بكفاءة واستقرار.

— أدوات أصل إليها —

المهارات

التقنيات التي تقف خلف الأعمال، لا مجرد قائمة أدوات.

ورقة الأدوات

اللغات
- HTML5
- CSS3
- JavaScript (ES6+)
- TypeScript
الأطر والمكتبات
- React
- Next.js
- TanStack Query
- Redux Toolkit
- Zustand
- Tailwind CSS
- Shadcn/UI
- Material UI
- React Hook Form
- Zod
- Auth.js
- GSAP
الأدوات والمنصات
- Git
- GitHub
- Cursor
- MCP
- Playwright
- Firebase
- Stripe
- Strapi
- Sanity
- Vercel
- Postman
- PWA
المفاهيم
- REST APIs
- Auth & RBAC
- SSR / SSG
- SEO
- Accessibility
- Performance
- Responsive Design
- Feature-Based Architecture
- E2E Testing
- AI-assisted workflows