Frontend Developer

Angular specialist | React experience | TypeScript

view work

Colors:

el_developer

About Me

Hello!  I'M Mohamed Hadaey.

Frontend Developer with 4 years of experience building scalable, responsive, and high-performance web applications across governmental and commercial sectors.

I build modern frontend applications with a strong Angular background and growing React.js experience, with strong TypeScript, REST API integration, reusable component architecture, role-based access control, and multilingual Arabic/English interfaces with RTL support.

Recently, I have worked deeply on enterprise Angular systems and also led the frontend migration of QPMOP from Angular to React.js using Vite, Zustand, React Query, Tailwind CSS, shadcn/ui, Radix UI, and Axios.

My Skills

HTML5 / CSS3 / SCSS 95%
Angular / React.js 90%
JavaScript ES6+ / TypeScript 90%
Angular 12+ / Angular 17 85%
REST APIs / Axios 85%
React Query / Zustand 80%
Tailwind CSS / Bootstrap 5 85%
Git / GitLab / Jira 85%

Professional Projects

React Revamp

QPMOP - Project Management Operation Platform

A real-time project management dashboard for monitoring projects, employees, contractors, locations, live camera feeds, correspondence, notifications, and KPI indicators.

React.js, TypeScript, Vite, Zustand, React Query, Tailwind CSS, shadcn/ui, Radix UI, Axios

Government Sector

QDPMP - Digital Partnership Management System

A multi-module Angular system for Saudi Chambers partnership agreements, contracts, partners, statistics, settings, and user administration.

Angular, TypeScript, HTML5, SCSS, Bootstrap, REST APIs

CMS

Q360 - Content Management System

An Angular admin panel and client-side robot widget with system settings, services, theme management, FAQs, contact configuration, email setup, and Arabic/English support.

Angular, TypeScript, SCSS, Bootstrap, ngx-translate

E-Commerce

FreshCart - React E-Commerce App

A responsive shopping application with product listing, details, cart, wishlist, authentication, checkout, protected routes, reusable components, and Netlify deployment.

React.js, React Router, JavaScript, REST APIs, HTML5, CSS3

Education

Lima Zola - Children's Educational Platform

A bilingual Arabic/English platform for religious curricula, videos, activities, courses, scholar biographies, and full RTL content delivery.

Angular, TypeScript, HTML5, SCSS, Bootstrap

Marketplace

Refeezy / Yamluck / Bunny Box / 80Fekra

Angular e-commerce platforms covering authentication, product catalogs, carts, offers, order management, payment integrations, multilingual layouts, guards, and interceptors.

Angular 17, TypeScript, RxJS, Angular Router, SCSS, Bootstrap

Selected Older Projects

  • Bakery

    Bakery

  • Kerri

    Kerri

  • Devfolio

    Devfolio

  • Simone

    Simone

  • Fokir

    Fokir

  • contact app

    Contact App

  • product system app

    Product System App

  • restaurant

    Resturant

  • Bazel

    Bezel

  • Caminar

    Caminar

  • Bookmarker

    Bookmarker

  • Angora

    Angora

  • Quote Generator

    Quote Generator

  • Todo App

    Todo App

  • Eforlad-Air

    Eforlad-Air

  • Mentor

    Mentor

  • Divide Email

    Divide Email

  • Login System

    Login System

  • Age Calculator

    Age Calculator

  • Weather App

    Weather App

  • Quiz App

    Quiz App

  • Movie App

    Movie App

  • Sticky Notes

    Sticky Notes

  • Lima Zola

    Lima Zola

  • Fashionista

    Fashionista

  • FreshCart

    FreshCart

  • Refeezy

    Refeezy

  • Yamluck

    Yamluck

  • 80Fekra

    80Fekra

Contact Me