Available for work

Hello, I'm

Ali Hatem

AU|

A software engineer with a strong focus on React and Next.js ⚛️.

CSS

Featured Projects✨

Discover my latest work and creative solutions

03/27

Use arrow keys Hover to pause

View Details

abdullah-mutlaq-awad-al-mutairi

Created a professional portfolio using React with centralized Redux state. Developed contact form functionality, built s...

ReactJsReduxBootstrap+1

Demo

View Details

Cruisara Tours

Built a multilingual tourism booking platform using Next.js and Tailwind CSS with FSD architecture. Developed a dynamic ...

NextJsReactJsTailwind+7

Demo

View Details

Masaakin Al-Mawil

A comprehensive real estate mobile application featuring secure user authentication, integrated payment processing, main...

Ionic ReactReactTypeScript+2

Demo

View Details

Masaakin Al Mawil Dashboard

Developed an RTL property management dashboard with authentication, role-based access, maintenance and financial modules...

ReactJsTypeScriptAnt Design+5

Demo

View Details

GZ School

Built a Next.js App Router marketing site with an embedded Sanity Studio, localized content objects, Tailwind v4 neon th...

NextJsTypeScriptTailwind+2

Code Demo

View Details

NoviraHealth

Led front-end development for a healthcare marketing platform using React 18 and TypeScript. Architected component struc...

ReactJsTypeScriptTailwind+3

Demo

View Details

E3melbusiness Org

Developed the complete UI for E3mel Business website. Built pixel-perfect interfaces from Figma designs, implemented res...

HTMLTailwindJavaScript

Demo

View Details

EBU Website

Built the complete front-end for Entrepreneurship & Business University (EBU) from scratch. Developed custom Tailwind co...

HTMLTailwindJavaScript

Demo

View Details

alHawmah Cultural Hub

Developed a modern React-based cultural hub website showcasing regional heritage. Built reusable component library with ...

ReactJsTailwindVite+1

Demo

View Details

McKeon Dashboard

Built a comprehensive Arabic RTL property management admin dashboard using static HTML, CSS, and JavaScript. Implemented...

HTMLCSSJavaScript+5

Demo

View Details

Roya Training Packages

Developed a static Arabic RTL website for Roya Training Packages, a training and educational services company. Implement...

HTMLCSSJavaScript+4

Demo

View Details

El-Zakeroon

Developed a free Islamic web app for tracking daily adhkar using Next.js and TypeScript. Implemented state management fo...

NextJsTailwindTypeScript

Demo

View Details

Contiva

Built a modern content discovery platform from the ground up using React and Vite. Designed and implemented a sleek comp...

ReactJsTailwindVite+1

Demo

View Details

Saudi National Day

Designed and developed a promotional landing page for Saudi National Day campaign. Created visually striking UI with the...

HTMLTailwindJavaScript

Demo

View Details

1M Brothers

Led entire front-end development for my graduation project - a donation platform for patient cases. Built complex forms ...

ReactJsReduxBootstrap+1

Demo

View Details

EBU Certificate

Built a professional landing page for EBU's certification program. Developed clean, conversion-focused UI with clear cal...

HTMLCSSJavaScript

Demo

View Details

shahadat alhadaf

Developed a certificate showcase landing page featuring 50+ accredited programs. Built dynamic certificate filtering sys...

HTMLCSSJavaScript

Demo

View Details

Alshaatir Academy

Developed an educational platform using Next.js with server-side rendering for optimal performance. Built interactive le...

NextJsTailwind

Demo

View Details

Hadafik Altaelimia

Built a free educational platform landing page with course catalog UI. Implemented responsive card layouts for courses, ...

HTMLCSSJavaScript

Demo

View Details

Mr Mohamed

Developed a bilingual personal portfolio with Arabic/English language switching and RTL support. Implemented dark/light ...

HTMLCSSJavaScript+1

Demo

View Details

Mr Abdullah

Built a professional bilingual portfolio featuring Arabic/English support with seamless RTL/LTR switching. Developed cus...

HTMLCSSJavaScript+1

Demo

View Details

Mr Ahmed

Created a polished bilingual portfolio with full Arabic/English localization. Implemented theme switching functionality,...

HTMLCSSJavaScript+1

Demo

View Details

Makhabrash

Built an anonymous messaging platform from concept to deployment. Developed React components for message creation and di...

ReactJsTailwindFirebase

Demo

View Details

ReactJs Ecommerce

Developed a complete e-commerce front-end with React and Redux. Built product catalog with filtering/sorting, implemente...

ReactJsReduxBootstrap+1

View Details

mohammed-al-huwaila

Developed a professional React portfolio with dynamic content loading via API. Implemented Redux for state management, b...

ReactJsReduxBootstrap+1

Demo

View Details

thamer-al-suwait

Built a modern portfolio website using React with Redux state management. Created reusable components for portfolio sect...

ReactJsReduxBootstrap+1

Demo

View Details

saoud-al-asfour

Developed a clean portfolio website with React and API integration. Built modular component architecture, implemented sm...

ReactJsReduxBootstrap+1

Demo

Featured Project

Masaakin Al-Mawil

View Project

A comprehensive real estate mobile application featuring secure user authentication, integrated payment processing, maintenance request management, push notifications, and a robust REST API integration built for tenants and property managers alike.

Built with:

Ionic ReactReactTypeScriptCapacitorZustand

Live Demo

MY SKILLS

Technologies I Work With

React

Frontend

Next.js

Frontend

Redux

Frontend

JavaScript

Programming

TypeScript

Programming

Node.js

Backend

MongoDB

Database

Firebase

Backend

Material UI

UI Framework

HTML5

Markup

CSS3

Styling

SASS

Styling

Bootstrap

UI Framework

Tailwind CSS

UI Framework

GitHub

Tools

Career Journey

WORK EXPERIENCE

My Professional Journey & Achievements

Current Position

Frontend Developer

E3mel business Academy

Cairo

05/2025 – present

Developed and implemented the website's front-end using Tailwind CSS translating UI/UX designs into fully responsive pages and optimizing performance for a smooth fast user experience across all devices.