available／riyadh, ksa／v.2026

Front-endengineerbuilding <fast/>, accessible, durable web applications with React, Next.js & TypeScript.

ضيف الله أحمد الفروي — مطور واجهات أمامية

github
dhaif@portfolio: ~
bash
~/user.jsonjson
1{
2"role": "front-end engineer",
3"owns": ["ui", "api", "product"],
4"loc": "Riyadh, KSA",
5"status": "available"
6}

// scroll

↓ explore

// section

00 / hero

// build

production

// uptime

online

// about_me

I build interfaces
that hold up.

// bio

Front-end engineer with 5+ years of React. I build accessible bilingual RTL/LTR interfaces, ship 90+ Lighthouse scores, and reach for Laravel when the backend needs me.

ضيف الله أحمد الفروي — مطور واجهات أمامية، متخصص في React و Next.js و TypeScript و Laravel.

// location

Riyadh, Saudi Arabia

// local time

—

// years

// projects

// clients

// posts

~/principles.jsonjson
1{
2"ship": ["small", "often", "honest"],
3"owns": ["ui", "api", "scope"],
4"values": ["clarity", "perf", "a11y"],
5"rejects": ["scope creep", "magic", "ceremony"],
6"tests": ["real db", "real users"],
7"writes": ["diffs > docs"]
8}

// services

  • Front-end engineering

    React, Next.js, TypeScript, Tailwind.

  • Full-stack work

    Laravel, PHP, MySQL, Supabase.

  • Design implementation

    Pixel-true designs in clean code.

  • System & UI architecture

    Component systems, render strategy.

  • Product ownership

    Requirements, analysis, UML, scope.

  • SEO & performance

    Schemas, Core Web Vitals, ranking.

Loading projects...

// tech_stack

The tools I reach for.

Featured day-to-day, plus the rest of the kit.

React

React

primary frontend lib

Next.js

Next.js

app router, RSC

TypeScript

TypeScript

default language

Tailwind CSS

Tailwind CSS

design system

// frontend

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

// backend

05
  • PHP
  • Laravel
  • MySQL
  • Firebase
  • Supabase

// tools

07
  • Git
  • GitHub
  • VS Code
  • Postman
  • Vercel
  • npm
  • Vite
React●Next.js●TypeScript●Tailwind CSS●HTML●CSS●JavaScript●Vue.js●React Query●Zustand●PHP●Laravel●MySQL●Firebase●Supabase●Git●GitHub●VS Code●Postman●Vercel●npm●Vite●React●Next.js●TypeScript●Tailwind CSS●HTML●CSS●JavaScript●Vue.js●React Query●Zustand●PHP●Laravel●MySQL●Firebase●Supabase●Git●GitHub●VS Code●Postman●Vercel●npm●Vite●
// Latest Posts

Blog & Insights

Articles, tutorials, and thoughts on web development

Loading latest posts...

// experience

Where the hours went.

  1. ADX , Riyadh
    11/2024 , Presentcurrent

    Front-End Engineer

    Building a digital signage platform end-to-end , campaign simulator, drag-and-drop playlist tool, and a multi-tenant management dashboard.

    • Architected the 'Try ADx' virtual campaign simulator with client-side aspect-ratio detection for instant media preview on custom illustrations.
    • Built a drag-and-drop playlist and media-creation tool with in-browser image editing and a template maker using dnd-kit.
    • Established Arabic RTL / English LTR support with i18next, following WCAG and semantic HTML across the platform.
    • Integrated the web-based signage player with 6 microservices APIs (content, scheduling, analytics, devices, users, media) with sync + recovery.
    • Constructed the core management dashboard with multi-tenant support and an 8+ role RBAC system with location-based permissions.
    ReactNext.jsTypeScriptZustandReact QueryTailwind CSSdnd-kiti18next
  2. Independent
    01/2018 , Presentcurrent

    Full-Stack Freelance Developer

    End-to-end web apps across diverse domains , frontend-led with full-stack reach, deployed on Vercel and Digital Ocean.

    • Delivered 5+ complete web applications from concept to deployment.
    • Achieved 90+ Lighthouse scores (e.g. Miyar Capital) via dynamic imports, code splitting, next-gen image optimization, and DevTools profiling.
    • Cut page load times 30,40% through Core Web Vitals work, lifting search rankings.
    • Built RESTful APIs with Laravel and MySQL with 99.5% uptime.
    • Shipped polished motion and micro-interactions with CSS animations, Framer Motion, and GSAP.
    ReactNext.jsTypeScriptLaravelMySQLSupabaseFramer MotionGSAP
  3. Meraki UI Lab
    05/2020 , 11/2024

    Front-End Developer

    Crafted reusable, accessible component systems with consistent brand identity for cross-functional product teams.

    • Increased website traffic by 20% within six months by optimizing page load speed and content clarity.
    • Shipped 150+ reusable components with consistent brand identity, cutting development time by 35%.
    • Applied RTL support for 100% of components with semantic HTML and ARIA, lifting Arabic-speaking engagement by 27%.
    • Delivered interfaces with 95% client satisfaction inside a 4-person cross-functional team.
    React.jsTailwindCSSJavaScriptHTML5CSS3WCAG

Loading certificates...

// get_in_touch

Have a project? Let's build it.

Drop a brief , I reply within 24 hours.

// email

devdhaif@gmail.com

// phone

+966 53 654 7818

// location

Riyadh, Saudi Arabia

available

Open to new projects and collaborations.

~/messages/new.txt

$ message--to dhaif

// encrypted in transit