Initializing Terminal...

Chapter by Chapter

My Engineering Evolution

From writing my first line of C++ to architecting autonomous AI agents with custom languages.

Verifiable Evidence

Engineering By The Numbers

Real performance metrics, test counts, and system scale extracted from production deployments. Click any card to inspect system evidence.

code
0+

Commits on StudentHub alone

code
0+

Pull Requests reviewed & merged

code
0+

Automated tests (Scout pipeline)

systems
0

Production systems deployed

systems
0

Game modes in Logic Arena

systems
0+

Campaign levels designed

performance
<0ms

WebRTC P2P call latency

performance
0 TPS

Server physics tick rate

performance
0%

WebSocket payload reduction

scale
0

Web screens built (StudentHub)

scale
0 FPS

Client 3D render frame rate

scale
0+

Production incidents resolved

Technical Arsenal

My Technology Stack

A curated ecosystem of tools, frameworks, and languages I use to architect and deploy scalable, production-grade applications.

54
Total Skills
12
Battle-Tested
40
Production Ready
2
R&D / Exploring
Technical Proficiency Radar
10 Domain Axes
Frontend & UIBackend & MicroservicesAI Agents & AutomationReal-Time & WebSocketsAST & Compiler DesignAuth & SecurityDatabase & ORMDevOps & InfraSystem PerformanceSystem Architecture
Hover over any axis to inspect score

Frontend

7

Backend

6

ORM & API Layer

5

Real-time & AI

5

Auth & Security

4

CMS & State

4

Deploy & DevOps

6

Monitoring & Analytics

2

Email Services

3

Design & UI Libs

5

CS & Tools

7

Interconnected Stack Universe

Project & Tech Ecosystem Map

Hover or select any project or technology node to visualize cross-project architecture links and shared infrastructure hubs.

Logic Arena
Scout AIFlurryCS Arena
Cybership API
Blog ProNestJS 11
Socket.ioRedis
WebRTC
Next.js 16ZodPWA & SW
Logic Arena

Logic Arena

PROJECT HUB

Flagship robot-programming arena with custom AliScript DSL & 20 TPS physics

Connected to 5 shared architecture nodes

Graduation Project Architecture

Scout Cognitive Brain Loop

Watch how Ali engineered Scout's crash-safe 5-stage cognitive architecture — main-thread reasoning with Playwright worker_threads isolation.

Inspection Window — Observe Stage
Phase 01 / 05

DOM Snapshot & Screening Question Extraction

Captures full DOM snapshot & extracts screening questions

EXECUTION STREAM
[WorkerThread] Navigated to https://wellfound.com/jobs/apply/3941
[DOM] Extracting screening form fields:
  - Question: "Years of experience with NestJS/Node.js?" -> TYPE: numeric
  - Question: "Are you willing to work hybrid in Cairo?" -> TYPE: boolean_radio
GUARD SPECSystem Guardrail

Playwright isolates page navigation in worker_threads, sending DOM trees over worker IPC without freezing the main LLM thread.

Hard Architectural Ethical Guardrails
Final Click RuleACTIVE

Requires explicit human approval before any application is submitted

Never Lie VerifierENFORCED

Fails & retries if an answer cannot be verified against true user PII

Zero Mass ScrapingENFORCED

No residential proxy rotation or anti-bot evasion infrastructure

AES-256-GCM Field EncryptionACTIVE

All stored CV data and personal credentials encrypted at rest

Custom DSL Engine

AliScript v2.4

A scripting language Ali engineered from scratch — a hand-written Lexer, recursive-descent AST parser, and a deterministic 2,000-ops/tick TLE quota evaluator — all running entirely in the browser, zero dependencies.

Source Code.ali file
Lexertokenize
AST Parsertree build
TLE Guard2,000-op quota
Sandbox2D arena
DeterministicHardware-independent ops budget. Same rules on every server.
Sandboxed ASTZero file/network access. Pure syntax tree evaluated in-browser.
2,000 ops / tickEvery IF, WHILE, FOR and CALL draws from a shared quota.
Full Control FlowIF · THEN · ELSE · WHILE · DO · FOR · FUNCTION · CALL

AliScript v2.4 IDESandboxed AST

Deterministic TLE Quota Evaluator · 2,000 Ops limit

syntaxIF · THEN · ELSE · ENDWHILE cond DO · ENDFOR i = 0 TO n DO · ENDCAN_SEE_ENEMYdistanceATAN2(y, x)BURST_FIREPATHFIND2,000 ops / tickDeterministic AST
main.ali — AliScript DSL
read-only preset11 lines
1
2
3
4
5
6
7
8
9
10
11
// AliScript v2.4 — Target Hunt
// Close the gap then fire on sight
 
WHILE distance > 1 DO
IF CAN_SEE_ENEMY THEN
FIRE
END
PATHFIND
END
 
FIRE
TLE Ops Quota:0 / 2000 ops (0%)
Robot
(1, 6) · N
HP
100 / 100
Energy
100 / 100
Target
(1, 1)
HP
100 / 100

Target Hunt

Advance & eliminate

O(N)
Execution LogStep 1 / 1
Press 'Compile & Execute' to run AliScript

System Architecture

Interactive Node Graphs

Explore how Ali structures monorepos, real-time WebSockets, AST parsers, and isolated AI worker threads in production.

Next.js 16 ClientWeb Audio EngineAliScript Lexer & ASTNestJS 11 EngineRedis Cache & LeaderboardPostgreSQL & PrismaNginx Reverse Proxy

Next.js 16 Client

client node
System Role:R3F 3D Canvas & UI
Tech Stack:React 19 / R3F / CSS Vars
Architectural Responsibility:

Client canvas rendering 3D Cyber City / Volcanic Core arenas at 120 FPS via direct mesh mutation inside useFrame.

Linked Production Incident: vdom-stuttering
Engineering Logs

Technical Capabilities

What I Offer

Technical solutions designed to scale. Turning complex ideas into elegant, high-performance applications.

Systems & Compilers

Full-Stack Web Dev

Building scalable, high-performance web applications from scratch using the MERN Stack and Next.js.

primary languages:TS / TSXrouter:Next.js App Router
Next.js 16NestJS 11React 19TypeScriptTailwind CSS
Real-Time

Real-Time & Streaming

Developing zero-latency live chats and P2P video calling systems using Socket.io and WebRTC.

physics tick:50ms (20 TPS)client render:60 FPSpayload cut:~80%
Socket.ioWebRTC (SimplePeer)React Three FiberRedis
Systems & Compilers

AI Integration

Integrating Generative AI models (like Google Gemini) to build smart features, summaries, and chatbots.

model:Google Geminifeature:1-click summaries
Google Gemini APINode.jsExpress.js
Security & API

Robust API Architecture

Designing secure RESTful APIs with MVC architecture, JWT authentication, and optimized MongoDB aggregations.

auth:JWT / HttpOnlyvalidation:Zod schemastoken buffer:60s refresh
NestJSPrismaPostgreSQLMongoDBZod
Systems & Compilers

PWA & Offline-First

Architecting Progressive Web Apps with Service Workers for seamless offline functionality and background syncing.

icon sizes:72 → 512strategy:network-first SW
Service WorkersWorkboxWeb App Manifest
Systems & Compilers

Modern UI/UX & Motion

Crafting pixel-perfect, bilingual (RTL/LTR), and highly animated interfaces with Tailwind CSS and Framer Motion.

locales:EN / ARdirection:RTL + LTRthemes:3 (CSS vars)
Tailwind CSSFramer Motioni18nextnext-intl
5-LAYER SECURITY POSTURE MATRIX
STATUS // ZERO VULNS
L01

AES-256-GCM Field Encryption

Encrypts candidate CV data & PII at rest before DB insertion.

Implemented in:Scout AI Agent
L02

HttpOnly JWT & Token Versioning

Prevents XSS token theft with HttpOnly cookies & automatic token invalidation on role change.

Implemented in:Blog Pro / StudentHub
L03

Zod Anti-Corruption Layer (ACL)

Strict payload schema boundaries preventing external API malformed payload injection.

Implemented in:Cybership Carrier API
L04

Sandboxed AST Interpreter

Node-by-node AST execution without eval() under a deterministic 2,000 ops quota.

Implemented in:AliScript DSL Engine
L05

Redis Rate-Limiting & Helmet

Protecting public endpoints against DDoS & brute-force attempts with Redis sliding windows.

Implemented in:Logic Arena / Nginx Gateway
Available for Remote Opportunities

Working
Worldwide.

Based in Egypt 🇪🇬. Engineering secure real-time game engines, custom sandboxed compilers, and high-throughput microservices. Architecting resilient systems for global scale.

Real-Time Engines

WebSockets, WebRTC, & high-frequency game loop sync.

Compiler Design

Custom AST parsing & secure server-side execution sandboxes.

Defensive Architecture

Domain-Driven Design & robust Anti-Corruption Layers.

High-Throughput APIs

Redis caching, multi-layer validation, & rate-limiting.

Let's Build Together