Skip to content
Production Engineering Portfolio

Case Studies & Architecture

Selected Systems & Case Studies

In-depth technical breakdowns of production applications built with React, Next.js, TypeScript, and high-performance frontend architectures.

Vorder SaaS E-Commerce Platform
SaaSFeatured
2025 – Present
Lead Front-End EngineerBuildFy

Vorder SaaS E-Commerce Platform

A multi-tenant SaaS platform that enables merchants to create, customize, and manage online stores through a centralized business dashboard.

Multi-Tenant
Architecture
Lead Front-End
Role
SaaS
Product
React.jsNext.jsTypeScriptTailwind CSSTanStack QueryAxiosREST APIsVercel
Accounting Management System
EnterpriseFeatured
2025
Team Lead, Front-End EngineerX Code

Accounting Management System

A business management platform covering accounting, inventory, invoices, customers, suppliers, reporting, and operational workflows for a retail clothing business.

Team Lead
Role
2 Developers
Frontend Team
Business
Domain
React.jsTypeScriptTailwind CSSReact RouterTanStack QueryAxiosFormikYupExpress.js
Asmaa Adel Premium Portfolio
Web PlatformFeatured
2026
Front-End EngineerAsmaa Adel

Asmaa Adel Premium Portfolio

A bilingual professional portfolio platform for an English–Arabic Translator and Localization Specialist, combining premium visual design with modern frontend architecture.

2
Languages
Next.js 15
Framework
RTL / LTR
Localization
Next.js 15React 19TypeScriptTailwind CSS v4Framer Motionnext-intlVercel
X Code Company Website
Web DevelopmentFeatured
2025
Front-End DeveloperX Code

X Code Company Website

A responsive multi-page corporate website built around reusable React components, modern UI engineering, SEO, accessibility, and production deployment.

Front-End
Role
Component-Based
Architecture
SEO
Focus
React.jsJavaScriptTailwind CSSReact RouterViteGitGitHubVercel
ADAS Smart Speed Bump Detection
AI & EmbeddedFeatured
2026
Software Architecture & Documentation EngineerGraduation Project

ADAS Smart Speed Bump Detection

A graduation project combining computer vision, embedded hardware, GPS, IMU data, and a backend API to detect and localize road speed bumps.

YOLOv8
Detection
Raspberry Pi 5
Hardware
FastAPI
Backend
PythonYOLOv8OpenCVRaspberry Pi 5FastAPIGPSIMU
Blood Bank Management Platform
Healthcare
2025 – 2026
Technical CoordinatorHealthcare Startup

Blood Bank Management Platform

A healthcare-focused project designed to support blood donation management workflows through a centralized digital platform.

Technical Coordinator
Role
Next.js
Frontend
Incomplete
Status
Next.jsTypeScriptTailwind CSSTanStack Query