_{📍 Egypt  ·  Open to opportunities}

Currently  —  deepening my React and Next.js architecture skills, and studying backend architecture and system design with the goal of becoming a Full-Stack Engineer.

I'm a Frontend Developer building modern web applications with React, Next.js, and TypeScript.

I also work comfortably on the backend side — REST APIs, authentication, and databases — and I'm actively investing in that area.

const abdelrahman = {
  role: "Frontend Developer",
  stack: ["React", "Next.js", "TypeScript"],
  backend: ["Node.js", "Express", "MongoDB"],
  learning: ["Backend Architecture", "System Design"],
  goal: "Full-Stack Engineer",
};

Frontend  _improving

Advanced React patterns · Next.js architecture · TypeScript & type-safe logic · State management & data fetching · Caching · Forms & validation · Performance optimization

Backend  _learning

Backend architecture · API design · Authentication with access & refresh tokens · Authorization · Database design · System design

Core

UI & State

_{Tailwind CSS · Bootstrap · React Router · TanStack Query · React Hook Form · Zod · Axios · Context API · Redux Toolkit}

Backend

_{Node.js · Express · MongoDB · MySQL · REST APIs}

Tools

_{Git · GitHub · VS Code · Postman · pnpm}

Docs App

Frontend  ·  Collaborative document editor

Real-time editing with rich text, auth, and document management — built on Next.js.

• Real-time collaborative editing
• Rich text editing
• Authentication & authorization
• Document management
• Responsive UI

_{Next.js · React · TypeScript · Tailwind CSS · Convex · Clerk · Liveblocks · Tiptap}

Live demo  ·  Repository

Sarahah API

Backend  ·  RESTful API

A Node.js and Express backend applying production-style patterns for auth, validation, and error handling.

• JWT auth with access & refresh tokens
• Role-based authorization
• User management
• Request validation with Zod
• Repository pattern & centralized error handling

_{Node.js · Express · MongoDB · Mongoose · JWT · Zod}

Repository

Pestector

AI & Machine Learning  ·  Plant disease detection

Identifies plant diseases from leaf images and returns treatment information.

• 38 disease classes from ~87K images
• VGG16 — ~0.967 macro F1
• Vision Transformer — ~0.9995 validation accuracy
• Treatment info for identified diseases

_{Python · FastAPI · Machine Learning · Computer Vision · VGG16 · ViT · Node.js}

Repository

_{More on my portfolio.}

My second area of focus. These are the pieces I actually apply when building APIs with Node.js, Express, and MongoDB.

_{Sarahah API puts most of these into practice.}