Skip to content
M.E — Mahmoud Elsallal, back to top

Mahmoud Elsallal, Frontend Developer

Frontend Developer.

I build web interfaces in React and Next.js — and understand the APIs behind them.

Based in
Cairo, Egypt
Currently
Full-Stack Developer at Kayfa Academy
Availability
Open to frontend roles

01Work

Selected work

P/01Personal project2026

Fresh Cart

Next.js e-commerce storefront

Challenge
A storefront where browsing stays open, while the shop, cart, brand pages and checkout require a signed-in user.
Approach
NextAuth sessions with a route-protection proxy, server actions for cart and payment requests, and forms validated with React Hook Form and Zod — on reusable shadcn/Radix components.
What it shows
Next.js App Router architecture with real authentication and protected routes in a full shopping flow.
Role
Solo — design to build
  • Next.js
  • React
  • TypeScript
  • Tailwind CSS
  • NextAuth
  • React Hook Form
  • Zod
  • shadcn/ui
Home
Fresh Cart home page: search bar, navigation with categories and brands, and a green promotional hero slider reading “Fresh Products Delivered to your Door”
Product details
Fresh Cart product page for a woman's shawl: image gallery, rating, price, stock status, quantity selector, total price, and Add to Cart and Buy Now buttons

P/02Professional work2026In development

NGEN Academy

Student & parent learning experience

Challenge
Give students a dashboard that always answers “what should I do next?”, and parents a calm, read-only view of each child's progress — in English and Arabic, on any screen.
Approach
I built the student dashboard's core components and the Parent Portal on shared UI primitives, worked on the progress and course pages, added an API route for a child's learning data, and covered the portal's data model with unit tests.
What it shows
Production work in a large Next.js and TypeScript codebase: bilingual RTL, responsive layouts and role-specific UI.
Role
Full-Stack Developer · Kayfa Academy
  • Next.js
  • React
  • TypeScript
  • Tailwind CSS
  • NextAuth
  • Zod
Progress
NGEN Academy progress page in Arabic: level 4 with 675 XP, an 8-week XP chart, lessons, projects and quizzes completed, XP by activity, and 100% attendance
Student dashboard
NGEN Academy student dashboard in Arabic: greeting, a purple next-action hero with the NGEN mascot and level dial, and the momentum stats row

P/03Personal project2026

Social App

API-driven social feed

Challenge
Keep a feed, a single post and its nested comments and replies in sync while users create, edit and delete content.
Approach
TanStack Query for server state, with mutations that invalidate the affected queries; an Axios interceptor that attaches the user's token; protected and guest-only routes; forms validated with React Hook Form and Zod.
What it shows
API-driven frontend work: authentication, CRUD and asynchronous server state in a component-based React app.
Role
Solo — design to build
  • React
  • Vite
  • Tailwind CSS
  • HeroUI
  • TanStack Query
  • Axios
  • React Router
  • Zod
Feed — create, edit, delete
Social App feed: a post composer, and the user's own posts with edit and delete buttons, comment counts and a comment box
Comments
Social App comment thread: a post with five comments, a user profile card, and a comment box with Post Comment button

More projects

Mahmoud Elsallal at his graduation, in a black gown and cap, smiling — black-and-white except for his red tie
Cairo · 2026

02About

Frontend, with the full stack in view

I studied Computer and Information Science at Future Academy and focused on the frontend: React, Next.js and TypeScript, styled with Tailwind CSS.

Since July 2026 I've worked as a Full-Stack Developer at Kayfa Academy, building interfaces and the endpoints behind them — authentication, APIs and database work included. That context shapes how I build the frontend: components designed around real data, real loading states and real users.

Download résumé ↗ (PDF, opens in a new tab)

03Experience

Where I work

Jul 2026 — Present

Kayfa Academy (opens in a new tab)

Full-Stack Developer

Product: NGEN Academy — see the case study ↑

Frontend

  • React and Next.js interfaces
  • Responsive layouts and reusable UI components
  • Dashboards, landing pages and product pages
  • API integration
  • Maintaining and improving existing features and fixing UI bugs

Backend

  • APIs and backend functionality
  • Authentication and authorization
  • Database-related work
  • Connecting frontend and backend services
  • Debugging backend issues and supporting end-to-end features

Training

Programs completed before and alongside professional work.

  1. 2026

    Summer Code Camp · React Frontend Development

    ITI — Information Technology Institute

    React, JavaScript, HTML, CSS, component-based architecture

  2. Sep 2025 — Mar 2026

    Frontend Web Development Diploma

    Route Academy

    React, JavaScript, HTML, CSS, responsive interfaces

  3. May 2026

    Backend Web Development Diploma

    Route Academy

    C#, .NET, ASP.NET Core, REST APIs, databases, authentication

Education

2023 — 2026

Bachelor's degree, Computer and Information Science

Future Academy · Cairo · Grade: Very Good

04Capabilities

What I work with

Frontend
React, Next.js, TypeScript, JavaScript, Tailwind CSS, HTML, CSS
Also used
React Router, TanStack Query, Axios, REST APIs, JWT, Bootstrap
Backend
C#, .NET, ASP.NET Core
Databases
SQL, SQL Server, MySQL
Tools
Git, GitHub, Postman

05Contact

Let’s talk

m7modsallal77@gmail.com — send an email

Open to frontend roles · Cairo, Egypt