Hero

Hello, I am Youssef Mahmoud

Results-driven Front-End Developer with 4+ years of hands-on experience building scalable, performance-focused, and responsive web applications using React, Next.js, and TypeScript.

Handled 70% of the graduation project in (DEPI 6 months scholarship). While I focus on Front-end and leading the team, I have a solid grasp of Node.js and CRUD operations, ensuring seamless integration with APIs.

Front-End Developer with 4+ years of hands-on experience building web applications using React & Next.js.

I've led teams and delivered complex UI solutions. Always learning, always coding.

I am looking to join innovative teams where I can solve real-world problems.

My Skills

React
React
Next.js
Next.js
TypeScript
TypeScript
Tailwind
Tailwind
Node.js
Node.js
HTML/CSS
HTML/CSS
MongoDB
MongoDB
Git
Git

My Projects

Real World Projects

Ibtikar Store

Ibtikar Store

WordPressWooCommercePHP
WooCommerce store for Ibtikar, a Saudi computer hardware retailer. Product catalogs, cart and checkout, installment payments, and category browsing in Arabic.
MAS Al-Sharq

MAS Al-Sharq

WordPressPHPElementor
WordPress website for MAS Al-Sharq Industries, a Saudi B2B manufacturer of plastic products and industrial detergents. Product catalogs, quote requests, company profile, and contact flows in Arabic.
SustainGRC

SustainGRC

React.jsNext.jsTailwind CSSShadcn-ui
SustainGRC is a London-based AI platform transforming corporate carbon emissions, ESG risk management and assurance.
Eskan El Mansoura

Eskan El Mansoura

SASSReact.jsRedux.jsTailwind CSSChakra-UI
A real estate website with various properties, filters by price/unit/block, and an admin dashboard.
Abo Taleb

Abo Taleb

React.jsRedux.jsTailwind CSS
Online English courses platform for Military Bases Students with payment integration and admin dashboard.
Mansoura Outlet

Mansoura Outlet

React.jsRedux.jsTailwind CSS
E-commerce directory of clothing stores structured by city streets.

DEPI Scholarship Project

Shop

Shop

React.jsTailwind CSSNode.jsExpress.jsMongoDB
E-commerce for clothes with Node.js backend.

Personal & Practical Projects

Archive Cemetery

Archive Cemetery

Next.jsTailwind CSSTypeScript
Link archive app in Arabic. Save articles, videos, and tools from anywhere, organize them in one place, and keep collections private or share them publicly.
Dr. Nermeen Clinic

Dr. Nermeen Clinic

Next.jsTailwind CSSTypeScript
Arabic gynecology clinic dashboard for Dr. Nermeen. Search patients by name or phone, track pregnancy status, open patient details and scans, and manage users.
Payment Tracker

Payment Tracker

Next.jsTailwind CSSTypeScript
Personal finance dashboard with Arabic and English. Track budget, expenses, and remaining balance, add categorized payments, and compare spending. Installable as a PWA.
Productivity

Productivity

Next.jsTailwind CSSSupaBase
Weekly Tasks feature — mark tasks to the current or desired day, resets every week.
Questions Game

Questions Game

HTMLCSSJAVASCRIPTReact.jsMATERIAL-UIFIREBASEREDUX
Interactive quiz application with real-time features.
Crypto App

Crypto App

HTMLCSSJAVASCRIPTReact.jsAnt Design
Cryptocurrency tracker and data visualization app.
Memory Game

Memory Game

React.jsTypeScriptTailwind CSS
Card matching game to test cognitive skills.
Travel Advisor

Travel Advisor

React.jsGoogle MapsMaterial-UI
Location-based app to find restaurants and hotels.
Amazon Clone

Amazon Clone

HTMLCSSJAVASCRIPTReact.js
E-commerce interface clone featuring product listings.
Weather App

Weather App

HTMLCSSJAVASCRIPT
Real-time weather forecasting using API data.
LinkedIn Clone

LinkedIn Clone

React.jsBootstrap
Social media UI clone focusing on professional networking.
Discord Clone

Discord Clone

React.jsBootstrap
Real-time communication platform interface.
Calculator

Calculator

React.jsTypeScriptTailwind CSS
Clean, functional web calculator.
Words Game

Words Game

React.jsTypeScriptTailwind CSS
Word-based puzzle game.

My Certifications

Certification 1
View full size
Certification 2
View full size
Certification 3
View full size
Certification 2
View full size
Certification 5
View full size
Certification 7
View full size
Certification 4
View full size
Certification 6
View full size
Certification 1
View full size
Certification 8
View full size
Certification 9
View full size
Certification 10
View full size
Certification 11
View full size
Certification 12
View full size
Certification 13
View full size
Certification 14
View full size