Software engineering / Creative development, Frontend experiences / Backend architecture, Web products / AI-assisted workflows

MohamedMahmoud.

I build complete web products — expressive interfaces, Laravel and Express APIs, and the databases behind them.

Modern web products, interactive experiences and AI-assisted workflows. Built with a focus on performance, clear architecture and real business needs.

React
Next.js
TypeScript
Laravel
Express
Node.js
Databases

View projects Download CV

01 / Interfaces & interaction

Built to work.

Designed to feel.

Responsive interfaces, thoughtful motion and modern frontend architecture. The experience matters as much as the implementation.

React & Next.js
Interactive experiences
Performance & accessibility

02 / Systems & intelligence

Beyond the screen.

Across the stack.

Backend services, APIs and databases that connect products to real operations — with AI-assisted development as part of the workflow.

Laravel, Express & Node.js APIs
Databases & business systems
AI-assisted development

FrontendBackendIntelligent systems

Scroll to explore

Cairo, Egypt Web products / Business systems

Loading perspective

02 / The person behind the work

A creative mind.An engineering mindset.

Interfaces, systems & everything between.

Cairo, Egypt

Mohamed Mahmoud / Full-stack developer

I’m Mohamed Mahmoud, a full-stack developer based in Cairo. I connect the experience people see with the systems that make it work.

My work spans expressive interfaces, backend services and data-driven business workflows. I care about how a product feels, how its architecture fits together, and how clearly it solves the problem.

Design-aware. System-minded.Explore my journey

How I connect the dots

01 / Identity

Code with character.

I’m Mohamed. I connect creative interfaces with full-stack engineering.

React
Next.js
TypeScript

02 / Connected systems

STAGE

ICONS

Connect the whole product.

I connect interfaces, services and data into one working product.

03 / AI workflow

Context

Docs / architecture

Plan

Scope / structure

Tools

Plugins / MCP

Human-directed AI

Build

React / Laravel / APIs

Test

Review / checks

Verify

Evidence / result

CONTEXT → PLAN → BUILD → REVIEW → TEST → VERIFY

I connect the tools, set the direction, and inspect the result.

Hover, focus or tap to look behind the process ↗

AI in the loop. Intent at the core.

I ground Codex in project context, define a plan, and connect plugins and tools to the work. Then I guide the build, review the structure, run tests and verify the result.

Codex
Plugins / MCP
Review
Verify

04 / Craft

From an idea to a working system.

I turn product needs into React and Next.js interfaces, Laravel and Express services, and connected data. The keyboard tells the story of how I build.

Interfaces
APIs
Business systems

05 / Interaction

Make it respond.

I build interactions that feel responsive, purposeful and easy to use.

Interaction
Motion

06 / Knowledge

Context before code.

I start with context: docs, architecture and decisions before code.

Learn
Connect
Refine

One product. Many connected disciplines.

03 / SKILLS CONSTELLATIONFROM THE WAY I THINKTO THE TOOLS I USE

One mind. Many moving parts.

Interfaces, systems and AI. The tools I connect to turn an idea into a working product.

01 / FRONTEND

Interfaces & interaction

What people see. How it feels.

02 / BACKEND

Services & systems

The architecture behind the experience.

ENGINEERING / CREATIVE / AI

Core toolkit

React

Component architecture and interactive product interfaces.

DRAG TO EXPLORE · SELECT A SKILL TO BRING IT FORWARD

03 / CREATIVE

AI & creative production

From an idea to a visual story.

04 / WORKFLOW

Agents & engineering tools

Context first. Evidence before done.

32 CAPABILITIES · 3 SEGMENTS = CORE · 2 = IN PRACTICE

04 / EXPERIENCE2022 — Present

A journey built in practice.

From writing my first lines of code to freelancing, building production systems, working with real teams and leading other developers. Each year added a new layer to how I understand and build software.

2022
Read chapterBack: 2022, It started with curiosity.
2022 / THE CHAPTER
01 · The Beginning
It started with curiosity.
Aspiring Software Developer
Independent Learning
2022
Started learning programming and web development fundamentals, gradually moving from basic concepts into building interfaces and understanding how web applications work.
The story
What began as curiosity became a serious technical direction. I focused on programming fundamentals, problem solving and the foundations of the web before moving into frameworks and larger applications.
Highlights
Started programming seriously
HTML, CSS and JavaScript fundamentals
Responsive web development
Programming and problem-solving foundations
Started building small projects independently
Programming
JavaScript
HTML
CSS
Problem Solving
2022
It started with curiosity.
Independent Learning
Started learning programming and web development fundamentals, gradually moving from basic concepts into building interfaces and understanding how web applications work.
- Programming
- JavaScript
- HTML
- CSS
- Problem Solving
2023
Read chapterBack: 2023, Learning became structured.
2023 / THE CHAPTER
02 · Building the Foundation
Learning became structured.
Full-Stack Development Learner
AMIT Learning · Code Casa · Online Programs
2023 — Early 2024
Moved from independent learning into structured software-development training, combining UX thinking, frontend development, backend fundamentals and project-based practice.
The story
This was the stage where separate technologies started connecting together. Instead of only learning syntax, I began thinking about interfaces, application structure, backend logic, databases and complete web applications.
Highlights
Started UX-focused learning and interface thinking
Full Stack Web Development Diploma — AMIT Learning
Code Casa Software Internship
Responsive Web Design — freeCodeCamp
HTML & CSS training — Mahara-Tech
Built assignments and practical software projects
UX Fundamentals
JavaScript
React
PHP
Laravel
SQL
Full-Stack Development
2023 — Early 2024
Learning became structured.
AMIT Learning · Code Casa · Online Programs
Moved from independent learning into structured software-development training, combining UX thinking, frontend development, backend fundamentals and project-based practice.
- UX Fundamentals
- JavaScript
- React
- PHP
- Laravel
- SQL
- Full-Stack Development
2024
Read chapterBack: 2024, I started building for real users.
2024 / THE CHAPTER
03 · From Learning to Real Work
I started building for real users.
Freelance Full-Stack Developer
Independent · Remote
2024 — Present
Started working professionally as a freelance developer, moving from training projects into real applications built around actual requirements, users, APIs, business workflows and production constraints.
The story
2024 marked the real transition from learning software development to delivering it. I started taking responsibility for features, integrations, authentication, application state, data workflows and production-ready interfaces.
Highlights
Started professional freelance development
Built applications for real requirements and users
Worked across frontend and full-stack workflows
Integrated REST APIs and backend services
Implemented authentication and protected application flows
Built dashboards and data-heavy interfaces
Handled production fixes and deployment-related work
Completed the ALX Front-End Web Development Program
Started AlMajed4Oud IoT platform work in December
Projects & engagements
Bistro Bliss
Full-Stack Laravel Developer
Built a restaurant platform covering authentication, menus, reservations, customer accounts, notifications and administration.
AlMajed4Oud
Front-End Developer
Dec 2024 — Aug 2025
Joined development of an IoT analytics platform for stores, devices, people-counting data and operational reporting.
Professional development
ALX Arabia
Front-End Web Development Program
Mar — Oct 2024
React
Next.js
TypeScript
Laravel
REST APIs
Authentication
Production Development
2024 — Present· ONGOING
I started building for real users.
Independent · Remote
Started working professionally as a freelance developer, moving from training projects into real applications built around actual requirements, users, APIs, business workflows and production constraints.
- React
- Next.js
- TypeScript
- Laravel
- REST APIs
- Authentication
- Production Development
2025
Read chapterBack: 2025, Building systems — and helping others build them.
2025 / THE CHAPTER
04 · Production & Leadership
Building systems — and helping others build them.
Developer · Instructor · Technical Lead
Client Work · SyntaxSchool
2025
Expanded from individual freelance development into larger production systems, cross-functional collaboration, mentoring and technical leadership.
The story
As the projects became more complex, software stopped being only about implementation. Architecture, maintainability, communication, code quality and team decisions became increasingly important.
Highlights
Continued AlMajed4Oud IoT analytics development
Worked with larger production data workflows
Joined SyntaxSchool as Instructor & Lead Web Developer
Mentored junior developers
Reviewed code and supported technical decisions
Designed project-based software-development training
Worked on the Ministry of Youth & Sports digital platform
Collaborated with backend and mobile developers
Projects & engagements
AlMajed4Oud
Dec 2024 — Aug 2025
IoT analytics, occupancy monitoring, device management, reporting and Spring Boot API integrations.
SyntaxSchool
Jun 2025 — Feb 2026
Software-development instruction, mentoring, code review and technical leadership.
Ministry of Youth & Sports
Sep — Nov 2025
Public platform and administration system developed within a cross-functional product team.
Next.js
TypeScript
System Integration
Code Review
Mentoring
Technical Leadership
2025
Building systems — and helping others build them.
Client Work · SyntaxSchool
Expanded from individual freelance development into larger production systems, cross-functional collaboration, mentoring and technical leadership.
- Next.js
- TypeScript
- System Integration
- Code Review
- Mentoring
- Technical Leadership
2026
Read chapterBack: 2026, From building applications to understanding systems.
2026 / THE CHAPTER
05 · Full-Stack Engineering
From building applications to understanding systems.
Full-Stack Developer & Digital Operations
Al Baraka for Import & Export · Cairo
2026 — Present
Working across full-stack development, internal platforms and technical operations while going deeper into backend engineering, architecture and software-engineering fundamentals.
The story
The work now goes beyond implementing isolated features. I increasingly work from real requirements through data, APIs, application architecture, implementation, deployment and long-term maintainability.
Highlights
Joined Al Baraka as Full-Stack Developer & Digital Operations
Build and maintain the company B2B web platform
Develop internal digital tools and operational systems
Translate real requirements into technical solutions
Work across repositories, deployment and documentation
Completed Digitera Tech Track Group 26
Deepening JavaScript and Node.js knowledge
Studying software architecture and engineering foundations
Engineering growth
Advanced JavaScript
Node.js & Express
Backend Architecture
Data Structures & Algorithms
Object-Oriented Programming
Software Design Patterns
System Design
Testing & Clean Code
AI-assisted engineering workflows
Node.js
Express
Full-Stack Development
Backend Engineering
System Design
Software Architecture
2026 — Present· ONGOING
From building applications to understanding systems.
Al Baraka for Import & Export · Cairo
Working across full-stack development, internal platforms and technical operations while going deeper into backend engineering, architecture and software-engineering fundamentals.
- Node.js
- Express
- Full-Stack Development
- Backend Engineering
- System Design
- Software Architecture

ONE JOURNEY. CONNECTED DISCIPLINES.INDEPENDENT WORK CONTINUES ALONGSIDE MY ROLES.

Today, I combine full-stack engineering, business operations and AI-assisted research, debugging and review.

Career profile

05 / Selected work

Ideas, made real.

Five projects. Real requirements.
A closer look at what I build.

01 / 05 — Business operations

Front-end developer · operations dashboard

Basic Diet

One workspace. The whole operation.

An operations dashboard for meal subscriptions, customers, payments and fulfilment. I built and improved the interfaces behind subscription creation, meal planning, financial reports and day-to-day restaurant operations.

Subscription and meal-plan management
Kitchen, orders and delivery workflows
Payments, accounting and operational reporting

React
TypeScript
Vite
TanStack Query
Tailwind CSS

View repository

Scroll through the collection · Use arrows to explore

06 / Contact

Let’s build
what’s next.

A web product, a business system, or an idea that needs a thoughtful engineer. Tell me what you have in mind.

Cairo, EgyptLocal roots. Connected work.

MohamedMahmoud.

A creative mind.An engineering mindset.

Code with character.

Connect the whole product.

AI in the loop. Intent at the core.

From an idea to a working system.

Make it respond.

Context before code.Context before code.Context before code.

One mind. Many moving parts.

Interfaces & interaction

Services & systems

React

AI & creative production

Agents & engineering tools

It started with curiosity.

The story

Highlights

It started with curiosity.

Learning became structured.

The story

Highlights

Learning became structured.

I started building for real users.

The story

Highlights

Projects & engagements

Professional development

I started building for real users.

Building systems — and helping others build them.

The story

Highlights

Projects & engagements

Building systems — and helping others build them.

From building applications to understanding systems.

The story

Highlights

Engineering growth

From building applications to understanding systems.

Basic Diet

Let’s buildwhat’s next.

Context before code.

Let’s build
what’s next.