مهندس برمجيات
أهلًا، أنا ضيف الله.
أحوّل الأفكار إلى منتجات ويب تعمل. أجمع المتطلبات، وأخطط للعمل، وأبني النظام كاملًا بـ Laravel و React. والذكاء الاصطناعي يساعدني في كل خطوة.
كيف أساعدك
أفهم الاحتياج
أتكلم معك ومع المستخدمين. ثم أوثًق المتطلبات واهداف المنتج
أخطط للعمل
أقسّم الخطة إلى مهام صغيرة وواضحة، لمساعدة الفريق على بناءها واختبارها.
أبني النظام
Laravel و PostgreSQL للخادم وقاعدة البيانات، و React و Next.js للواجهات.
أستخدم الذكاء الاصطناعي
أستخدمه في التخطيط والكتابة والاختبار لأنجز أسرع. وأراجع كل نتيجة بنفسي.
أعمال مختارة
مشاريع توضح طريقة عملي.
MiyarA website for investing companyNext.js · Context API · Tailwindcssشاهد المشروع 
Get ADXDashboard to manage permissions and media content across locations and screens React.js · HTML5 · Tailwind CSSشاهد المشروع 
Try ADXA landing page for ADX that showcase the statistics of the company and act as a portfolio React.js · JavaScript · Tailwind CSSشاهد المشروع 
دار عنبر | DAR ANBARA bilingual (Arabic-first / English), RTL-aware digital flagship for a Saudi oud & perfume house. Statically generated, self-hosted fonts, heavy on scroll-driven motion.Next.js · React.js · JavaScriptشاهد المشروع 
Sadagaat DashboardA comprehensive admin dashboard for a UK-based charitable organization, enabling complete website management and content control.React.js · TypeScript · Shadcn UIشاهد المشروع
مشاريع أخرىثمار | Thimar · Samra Roastery · محمصة سمراء · وغيرها
- ثمار | ThimarA concept marketing site for a fictional Shariah-compliant micro-investment platform, built to showcase front-end, motion, RTL, and design-system engineering.
- Samra Roastery · محمصة سمراءBilingual (Arabic-first, RTL) marketing site for a Saudi specialty-coffee roastery. Next.js App Router, statically generated per locale.
- Mutlaq Studio · استوديو مطلقA bilingual (AR/EN, RTL-first) marketing site for a Riyadh architecture studio. Type-led, near-monochrome, with kinetic variable-font headlines and scroll-drawn architectural line-work.
- Darb AlnujumScrollytelling site for a desert and astro-tourism operator in AlUla / the Empty Quarter. The page is a day in the desert: you arrive at dawn and leave under the stars, and the entire colour system animates with scroll. Bilingual Arabic (default, RTL) and English.
- Saqr EsportSaudi esports org site. Deliberate maximalism: RGB-split glitch language, a live-feeling results ticker, and 3D-tilt player cards, in Arabic (default) and English.
- NeelainComA Q&A platform similar to StackOverflow for college community knowledge sharing.
- Food Menu AppA scalable restaurant menu application with admin dashboard.
نبذة عني
بدأت تطوير المواقع في ٢٠١٨. اليوم أشارك في كل مراحل المشروع، من أول اجتماع إلى منتج يستخدمه الناس. أهتم بالشاشات البسيطة، والصفحات السريعة، ودعم اللغة العربية بالكامل.
مجالات أحبها
- التقنية الماليةالمدفوعات والاستثمار ولوحات متابعة الأموال. الأرقام الواضحة تساعد الناس على القرار.
- العقارمنصات العقار، وعروض البيع والإيجار، وأدوات التملّك. القرار الكبير يحتاج شاشات واضحة وتجربة استخدام سهلة.
- الشركات الناشئةآخذ الفكرة الجديدة من أول رسمة إلى أول مستخدمين حقيقيين.
الخبرة
نوفمبر ٢٠٢٤ – الآن
مطوّر واجهات · ADX
منصة لافتات رقمية: محاكي حملات، وأداة قوائم تشغيل، ولوحة تحكم لعدة شركات.
- بنيت محاكي «Try ADx»، ليشاهد العميل حملته على شاشات حقيقية قبل الدفع.
- بنيت أداة قوائم تشغيل بالسحب والإفلات، مع تعديل الصور في المتصفح.
- أضفت دعم اللغتين العربية والإنجليزية في كامل المنصة.
- بنيت صلاحيات لأكثر من ٨ أدوار للمستخدمين.
React · Next.js · TypeScript · React Query · Zustand
٢٠١٨ – الآن
مهندس برمجيات · عمل حر
أنظمة ويب كاملة للعملاء، من أول اجتماع إلى الإطلاق.
- سلّمت أكثر من ٥ تطبيقات ويب كاملة بـ Laravel و React و Next.js.
- حوّلت أفكار العملاء إلى متطلبات واضحة وخطة بناء.
- وصلت لنتائج Lighthouse فوق ٩٠، وخفّضت زمن التحميل من ٣٠ إلى ٤٠٪.
Laravel · PHP · PostgreSQL · Next.js · React
مايو ٢٠٢٠ – نوفمبر ٢٠٢٤
مطوّر واجهات · Meraki UI Lab
مكوّنات واجهة جاهزة لفرق المنتجات.
- سلّمت أكثر من ١٥٠ مكوّنًا، وقلّ وقت البناء ٣٥٪.
- جعلت كل المكوّنات تدعم اللغة العربية من اليمين إلى اليسار.
- رفعت زيارات الموقع ٢٠٪ خلال ستة أشهر.
React · Tailwind CSS · JavaScript
أدواتي اليومية
- الواجهات:
- React · Next.js · TypeScript · Tailwind CSS
- الخادم وقاعدة البيانات:
- Laravel · PHP · PostgreSQL · MySQL
- التخطيط:
- المتطلبات · مخططات UML · تقسيم المهام
- الذكاء الاصطناعي:
- Claude Code · ChatGPT
مقالات
كل المقالاتالشهادات
- Project Management Institute logo Agile Requirements FoundationsLinkedIn Learning
- freeCodeCamp logo Front End Development LibrariesFreecodecamp
- CSS Essential TrainingCSS Essential TrainingLinkedIn Learn
عندك فكرة؟
تواصل معي لمشروع جديد، أو فرصة عمل، أو حتى للتعارف.
devdhaif@gmail.com