FRONTEND BUILT
FOR IMPACT.

I design and ship React/Next.js products with TypeScript, GraphQL, and modern UI systems—owning delivery from design handoff to deployment.

My Journey

2025

Data Trans — Frontend Developer

Building React/Next.js modules for Al Obeikan Digital Solutions' pharmacy system: analytics, inventory workflows, secure auth, and UI performance tuning with GraphQL and Zustand.

2024 - 2025

Sofa — Digital Identity Team

Delivered dashboard interfaces with shadcn/ui, TanStack Query, and Zustand; introduced testing practices and performance optimizations that cut re-renders ~30%.

2024

Sofa — Full-Stack Trainee

Built a React + Express app with Sequelize, wired backend APIs, and containerized the stack with Docker to mirror production.

2023 - 2024

Temmam Light — Full-Stack Trainee

Shipped two full-stack projects with Node.js and Vue.js, handling both frontend and backend delivery end-to-end.

Why Me?

MY APPROACH

Product-Ready Frontend

Translate Figma systems into accessible, reusable components with shadcn/ui, Tailwind, and TypeScript.

Performance First

Optimize renders, cache GraphQL queries, and tune state with Zustand/TanStack Query to keep dashboards snappy.

End-to-End Delivery

Comfortable from API integration to deployment, collaborating with backend teams and handling CI/CD basics.

Technologies I Use

Next.js
React
TypeScript
Tailwind CSS
shadcn/ui
Zustand
TanStack Query
GraphQL
Node.js
Express.js
PHP
Laravel
PostgreSQL
MySQL
MongoDB
Docker
CI/CD
Odoo

Ready to start your journey?