Available for Projects

Crafting Digital Experiences.

Mahmoud Abdullah

Egyptian CS student & Frontend Developer. Building high-performance, visually precise web interfaces — and mentoring the next generation of developers at GDG Obour.

View My Work VIEW MY CV Hire Me

"I'm Mahmoud Abdullah, A Full-stack Developer based in Egypt. At 22, my focus is on building high-performance, visually stunning web architectures. Beyond the IDE, I serve as a member of the GDG Obour team, where I mentor the next generation of frontend developers. My philosophy is simple: write clean code, build with intent, and never stop learning the next big thing in AI and CS."

Mahmoud Abdullah

Full-stack Developer Frontend Specialist Tech Educator Tech Content Creator

01 — Tech Arsenal

Skills &
Stack

HTML & CSS

HTML5 semantics, CSS3, Flexbox,
Grid, animations, accessibility.

Expert

JavaScript

ES6+, DOM, async/await,
RESTful APIs, JSON.

Advanced

TypeScript

Typed components, interfaces,
generics, strict mode.

Proficient

React.js

Hooks, React Router, state mgmt,
reusable components, CRUD.

Advanced

Tailwind & SASS

Utility-first, responsive design,
variables, mixins, nesting.

Expert

PHP & MySQL

Laravel basics, CRUD operations,
relational DB, SQL queries.

Basics

0+ Years Coding

0+ Technologies

0+ Real Projects

0+ Students Taught

02 — SELECTED WORK

Projects &
Builds

Project — 001

Stack Overlord

OVERVIEW

A comprehensive e-commerce product administration dashboard engineered for modern web scale. Features full CRUD (Create, Read, Update, Delete) product workflows, live multi-parameter product searching, instant category filtering, real-time inventory management, dynamic product card rendering, and interactive modal dialogs.

PURPOSE

Built to demonstrate enterprise-grade React.js software architecture, strong TypeScript interface typing, robust custom hook integration, clean global and local state synchronization, and scalable UI component design under complex user data interactions.

TECHNOLOGIES

React.js TypeScript Tailwind CSS REST API CRUD

Code Demo

Project — 002

Fior Flower Shop

OVERVIEW

A modern, high-converting e-commerce web platform for a luxury boutique florist. Incorporates a dynamic CSS Grid product showcase, interactive category galleries, smooth UI/UX micro-interactions, custom responsive navigation, an embedded interactive Google Map, and integrated contact & order inquiry forms.

PURPOSE

Developed to demonstrate pixel-perfect CSS3 layout mastery, advanced Flexbox & CSS Grid architectures, cross-browser responsiveness without heavy framework overhead, high core web vitals performance, and accessible semantic HTML5 architecture.

TECHNOLOGIES

HTML5 CSS3 Bootstrap 5 JavaScript CSS Grid

Code Demo

Project — 003

CP Roadmap

OVERVIEW

An interactive algorithmic problem-solving tracking platform designed according to Dr. Mostafa Saad's renowned Competitive Programming roadmap. Features topic-by-topic algorithm categorization (Data Structures, Graphs, Dynamic Programming, Math), interactive problem checklist tracking, progress analytics, and persistent local storage synchronization.

PURPOSE

Created to empower computer science students and competitive programmers to systematically prepare for ICPC, Codeforces, and LeetCode contests by delivering a structured, offline-capable progress management suite.

TECHNOLOGIES

HTML5 CSS3 JavaScript Web Storage API Responsive Design

Code Demo

Project — 004

Nova Catalog

OVERVIEW

A high-performance e-commerce client Single Page Application (SPA) showcasing real-time API product data. Features instant client-side search, multi-faceted price and category filters, star rating breakdowns, live REST API data fetching, and an instant dark/light theme toggle.

PURPOSE

Engineered during the FlyRank AI internship to showcase advanced asynchronous JavaScript API handling, custom React Context state management, Tailwind CSS utility architecture, and smooth performance under high DOM reactivity.

TECHNOLOGIES

React.js Tailwind CSS REST API Context API Dark / Light Theme

Code Demo

03 — WORK EXPERIENCE

Professional
Experience

Digital Egypt Pioneers Initiative (DEPI)

Remote

Software Development Trainee (React Track)

07/2026 – Present

Developing scalable client-server applications leveraging React.js, Redux, Next.js, Node.js, and NestJS alongside professional technical communication training.

FlyRank AI

Remote

Front-End AI Engineer Intern

07/2026 – Present

Engineered Nova Catalog, an e-commerce SPA with dynamic filtering, live REST API integration, and theme toggling using React.js and Tailwind CSS.
Built Chef AI Assistant, integrating the Claude API with React.js to generate real-time recipes from user-inputted ingredients.

GDG on Campus Obour Institute

Obour City, Egypt

Frontend Instructor & Technical Mentor

10/2025 – Present

Teaching 50+ students HTML, CSS, JavaScript, responsive web design, REST APIs, and UI prototyping in Figma.

Tech Content Creation

Cod3.dev

Tech Content Creator & Educator

Ongoing

Creating educational programming content highlighting essential developer tools, modern technologies, and coding insights across social platforms.

04 — HOW I GOT HERE

Learning
Journey

With Mohamed Abu-hadhoud

Programming Foundations

Started from zero with strong CS fundamentals — the base that makes every line of code intentional.

C++ OOP Data Structures Algorithms Problem Solving

With Osama Elzero

Frontend Fundamentals

Learned to build real, responsive interfaces from the ground up — the craft of the web.

HTML5 CSS3 JavaScript SASS Bootstrap

With Mohamed Naga

Pro Frontend

Leveled up to modern, production-grade frontend — building scalable apps with confidence.

Tailwind CSS TypeScript React.js React Router API Integration

With Black Horse

Backend Basics

Understood the full picture — databases, server logic, and how the backend powers the frontend.

MySQL PHP Laravel CRUD

Information Technology Institute (ITI) Remote • 08/2026 – Present

Frontend Web Development Trainee

Enrolled in an intensive frontend program building production-grade web applications utilizing HTML5, CSS3, JavaScript (ES6+), TypeScript, Tailwind CSS, Bootstrap, React.js, and Redux Toolkit.

HTML5 CSS3 JavaScript TypeScript Tailwind CSS Bootstrap React.js Redux Toolkit

∞

Ongoing • 2023 → 2027

CS Degree — Obour Institute

Studying at High Institute for Engineering & Technology at Obour. Deepening knowledge in OS, databases, system analysis, and applied AI.

Computer Science OS Databases AI Foundations

05 — CREDENTIALS & CERTIFICATIONS