متاح／الرياض／v.2026

مهندس
واجهات أماميةأبني تطبيقات ويب <سريعة/>، سهلة الوصول، وتصمد — بـ React و Next.js و TypeScript.

Dhaifallah Ahmed Alfarawi — Front-End Engineer

شف شغليتواصل معيGitHub
~/user.jsonjson
1{
2"role": "front-end engineer",
3"owns": ["ui", "api", "product"],
4"loc": "Riyadh, KSA",
5"stack": ["react", "next", "ts"],
6"status": "available"
7}
01عني

أبني واجهات تصمد.

سنوات الخبرة

+٥

مشاريع

+١٢

عملاء

+١٠

مقالات

٨

// نبذة

أنا ضيف الله أحمد الفروي، مهندس برمجيات ساكن في الرياض. شغلي اليومي React و Next.js و TypeScript و Tailwind، وإذا احتاج المشروع باك إند كامل أستخدم Laravel.

أهتم بالأداء وسهولة الوصول ودعم العربية RTL من البداية — مو فكرة تُضاف بالآخر. هذا اللي يخلي الواجهة تصمد ولا تنكسر بعد أول سنة.

// الموقع

الرياض، السعودية

// التوقيت المحلي

—
~/principles.json
  • ship:تحديثات صغيرة · باستمرار · بصدق
  • owns:الواجهة · الـAPI · النطاق
  • values:الوضوح · الأداء · سهولة الوصول
  • rejects:تضخّم النطاق · السحر · الطقوس
  • tests:بيانات حقيقية · مستخدمون حقيقيون
  • writes:كود واضح > توثيق كثير

// الخدمات

  • تطوير الواجهات الأمامية

    React، Next.js، TypeScript، Tailwind.

  • شغل Full-Stack

    Laravel، PHP، MySQL، Supabase.

  • تنفيذ التصاميم

    تصاميم pixel-perfect في كود نظيف.

  • هندسة النظام والواجهات

    أنظمة components واستراتيجية رندرنغ.

  • تشغيل المنتج

    متطلبات، تحليل، UML، نطاق.

  • SEO والأداء

    Schemas، Core Web Vitals، ترتيب أعلى.

02أعمال مختارة

أشياء نفّذتها وشحنتها.

شغل إنتاج — واجهات وتطبيقات Full-Stack.

PROJ_01
Miyar

Miyar

A website for investing company

Next.jsConTailwindcssAPI
PROJ_02
Get ADX

Get ADX

Dashboard to manage permissions and media content across locations and screens

React.jsHTMTailwind CSSCSSSha+16
PROJ_03
Try ADX

Try ADX

A landing page for ADX that showcase the statistics of the company and act as a portfolio

React.jsJavaScriptTailwind CSSResGit+7
PROJ_04
دار عنبر | DAR ANBAR

دار عنبر | DAR ANBAR

A 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.jsReact.jsJavaScriptCSSHTM+7
PROJ_05
Sadagaat Dashboard

Sadagaat Dashboard

A comprehensive admin dashboard for a UK-based charitable organization, enabling complete website management and content control.

React.jsTypeScriptShaConAxi+1
PROJ_06
ثمار | Thimar

ثمار | Thimar

A concept marketing site for a fictional Shariah-compliant micro-investment platform, built to showcase front-end, motion, RTL, and design-system engineering.

Next.jsReact.jsTypeScriptTailwind CSSUI/+1
PROJ_07
Samra Roastery · محمصة سمراء

Samra Roastery · محمصة سمراء

Bilingual (Arabic-first, RTL) marketing site for a Saudi specialty-coffee roastery. Next.js App Router, statically generated per locale.

Next.jsTypeScriptCSSTailwind CSSUI/+3
PROJ_08
Mutlaq Studio · استوديو مطلق

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.

Next.jsReact.jsTypeScriptCSSTailwind CSS+4
PROJ_09
Darb Alnujum

Darb Alnujum

Scrollytelling 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.

React.jsNext.jsCSSRes
PROJ_10
Saqr Esport

Saqr Esport

Saudi esports org site. Deliberate maximalism: RGB-split glitch language, a live-feeling results ticker, and 3D-tilt player cards, in Arabic (default) and English.

Next.jsReact.jsJavaScriptTypeScriptCSS+4
PROJ_11
NeelainCom

NeelainCom

A Q&A platform similar to StackOverflow for college community knowledge sharing.

LaravelVue.jsMySQLTailwindcss
PROJ_12
Food Menu App

Food Menu App

A scalable restaurant menu application with admin dashboard.

Next.jsFirebaseTailwindcss
03الأدوات

الأدوات اللي أشتغل فيها.

المفضّلة يوميًا، وبقية العدّة.

React

React

المكتبة الأساسية

Next.js

Next.js

App Router، RSC

TypeScript

TypeScript

اللغة الافتراضية

Tailwind CSS

Tailwind CSS

نظام التصميم

الواجهات

06
  • HTML
  • CSS
  • JavaScript
  • Vue.js
  • React Query
  • Zustand

الباك إند

05
  • PHP
  • Laravel
  • MySQL
  • Firebase
  • Supabase

العدّة

07
  • Git
  • GitHub
  • VS Code
  • Postman
  • Vercel
  • npm
  • Vite
04الخبرات

وين راحت الساعات.

  1. ADX · الرياض
    11/2024 — الآنالحين

    مهندس واجهات أمامية

    أبني منصة digital signage كاملة — محاكي حملات، أداة قوائم تشغيل بالسحب والإفلات، ولوحة إدارة متعددة المستأجرين.

    • بنيت محاكي حملات اسمه 'Try ADx' يكتشف نسبة العرض للارتفاع من جهة العميل ويعرض الوسائط فورًا فوق رسوم مخصّصة.
    • سويت أداة قوائم تشغيل وإنشاء وسائط بالسحب والإفلات، مع تحرير صور داخل المتصفح وصانع قوالب باستخدام dnd-kit.
    • وفّرت دعم العربي RTL والإنجليزي LTR عبر i18next، مع الالتزام بـ WCAG وHTML الدلالي في كل المنصة.
    • وصّلت مشغّل اللافتات بستة APIs لمايكرو سيرفسز (محتوى، جدولة، تحليلات، أجهزة، مستخدمون، وسائط) مع مزامنة واسترداد.
    • بنيت لوحة الإدارة الأساسية مع دعم متعدد المستأجرين ونظام صلاحيات RBAC لأكثر من ٨ أدوار مربوطة بالموقع.
    ReactNext.jsTypeScriptZustandReact QueryTailwind CSSdnd-kiti18next
  2. فريلانس
    01/2018 — الآنالحين

    مطوّر Full-Stack — مستقل

    تطبيقات ويب كاملة في مجالات مختلفة — الواجهة تقود وأمتد للباك إند، منشورة على Vercel و Digital Ocean.

    • سلّمت أكثر من ٥ تطبيقات ويب كاملة من الفكرة لين النشر.
    • طلّعت نتائج Lighthouse فوق ٩٠ (مثل Miyar Capital) عبر dynamic imports و code splitting وتحسين الصور.
    • نزّلت زمن تحميل الصفحات ٣٠–٤٠٪ عبر شغل Core Web Vitals، وارتفع ترتيب البحث.
    • بنيت RESTful APIs بـ Laravel و MySQL بـ uptime ٩٩٫٥٪.
    • شحنت موشن وتفاعلات دقيقة بـ CSS animations و Framer Motion و GSAP.
    ReactNext.jsTypeScriptLaravelMySQLSupabaseFramer MotionGSAP
  3. Meraki UI Lab
    05/2020 — 11/2024

    مطوّر واجهات أمامية

    سويت أنظمة components قابلة لإعادة الاستخدام، سهلة الوصول، بهوية بصرية ثابتة لفرق منتج cross-functional.

    • رفعت زيارات الموقع ٢٠٪ خلال ٦ أشهر، بتحسين سرعة التحميل ووضوح المحتوى.
    • شحنت أكثر من ١٥٠ component قابل لإعادة الاستخدام بهوية موحّدة، ونزل زمن التطوير ٣٥٪.
    • طبّقت دعم RTL على ١٠٠٪ من المكوّنات مع HTML دلالي و ARIA، وارتفع تفاعل المستخدم العربي ٢٧٪.
    • سلّمت واجهات بنسبة رضا عملاء ٩٥٪ ضمن فريق cross-functional من ٤ أشخاص.
    React.jsTailwindCSSJavaScriptHTML5CSS3WCAG
05الشهادات

تقدير في الطريق.

شهادات من دورات أونلاين — LinkedIn Learning و freeCodeCamp و PMI وغيرها.

LinkedIn Learning

Project Management Institute logo Agile Requirements Foundations

Agile MethodologiesRequirements Analysis
Freecodecamp

freeCodeCamp logo Front End Development Libraries

jQuerySASSReact
LinkedIn Learn

CSS Essential TrainingCSS Essential Training

Web Development· Responsive Web Design· Cascading Style Sheets (CSS)
06المدونة

مقالات وأفكار.

آخر ما نُشر في المدونة.

أساسيات HTML اللي لازم كل مطور React يعرفها
١٦ يناير ٢٠٢٦

أساسيات HTML اللي لازم كل مطور React يعرفها

تعريفي
١٥ يناير ٢٠٢٦

تعريفي

new2drafted (عربي)
١٥ يناير ٢٠٢٦

new2drafted (عربي)

new (عربي)
١٥ يناير ٢٠٢٦

new (عربي)

hjkl (عربي)
١٣ يناير ٢٠٢٦

hjkl (عربي)

title here (عربي)
١٣ يناير ٢٠٢٦

title here (عربي)

كل المقالات
07تواصل

عندك مشروع؟ نبنيه.

اكتب لي باختصار، وبرد عليك خلال ٢٤ ساعة إن شاء الله.

البريد الإلكتروني

devdhaif@gmail.com

الهاتف

+966536547818

GitHub

/devdhaif

LinkedIn

/in/devdhaif

متاح

متقبّل مشاريع وتعاونات جديدة.

~/messages/new.txt

// encrypted in transit

غيّر الثيم