0%SYSTEM_INIT // ARCHITECTURE_V2.0
FRONTEND ARCHITECT & TECH INSTRUCTOR

ABDUL RAHMAN
KADRI

Engineering high-performance web applications, fluid interactive systems, and scalable Next.js architectures with obsessive precision.

01
ABOUT THE ARCHITECT

CRAFTING DIGITAL
TERRAIN WITH INTENT

// FRONTEND ARCHITECT & TECH INSTRUCTOR CORE PHILOSOPHY

I am a Frontend Architect & Tech Instructor who treats code like raw material constructing web applications that feel physical, ultra-responsive, and unmistakably engineered.

[01]ARCHITECTURE

SCALABLE NEXT.JS & TYPESCRIPT SYSTEMS

Architecting enterprise App Router structures with strict type-safety, modular state management, and reusable UI components built for long-term scalability.

[02]INTERACTION

FLUID & PHYSICAL UI MOTION

Crafting high-frame-rate animations, custom motion physics, and micro-interactions that make web applications feel responsive, physical, and alive.

[03]INSTRUCTION

TECH MENTORSHIP & LEADERSHIP

Empowering developers through hands-on instruction, sharing technical best practices, and bridging high-level architectural intent with clean code execution.

1+ YEAR INDUSTRY & INSTRUCTION
LOCATION: CAIRO, EGY (UTC+3)
02
ACADEMIC & DISTINCTIONS

ACADEMIC & DISTINCTIONS

// COMPREHENSIVE RECORDS OF ACADEMIC EXCELLENCE, GRADUATION HONORS, MEDIA PRESS, AND VERIFIED CREDENTIALS.

01 // DEGREE & ALMA MATER

Zagazig University

Faculty of Computers and Information

2022 – 2026Overall Grade: B+ (3.2/4.0)
DEGREE: Bachelor's Degree in Information Systems
  • Studied core computer science concepts including OOP, Data Structures, Algorithms, and Software Engineering.
  • Consistently ranked among the top performers in web development and software design courses.
  • Military Service: Exempted
★ Graduation Project: SmartZone (Team Lead)OFFICIAL ANNOUNCEMENT
Grade: A+ (Full Mark)

Team leader for the graduation project (SmartZone). Selected for commitment, leadership skills, and passion for development. The project won 1st Place Best Graduation Project Award across Zagazig University.

03
SELECTED WORK

FEATURED PROJECTS

// SCROLL DOWN TO STACK & DISCOVER RECENT ENGINEERING WORK

[01]BEST GRADUATION PROJECT
2026
Team Lead & Full-Stack Developer

SmartZone (Graduation Project)

An award-winning smart university management platform supporting digital transformation through web and mobile solutions. Led a team of 5 developers to build a system with 48 features across 4 web portals and a dedicated student mobile application. Developed key modules including Smart Attendance, AI Chatbot, Student Dashboard, Course Registration, Learning Resources, Surveys, and Administration.

Best Graduation Project Award (2026) at Zagazig University
48 Features Delivered4 Web Portals1st Place Winner
ReactReact NativeLaravelTailwind CSS+4
Internal Enterprise System
PRIVATE REPO
ENTERPRISE MODULE01 // SYS.LOG

SmartZone (Graduation Project)

Internal Enterprise Platform

STATUS: OPERATIONALSECURE ARCHITECTURE
[02]SAAS PRODUCT
2026
Frontend Developer

El7essa EduPlatform

A comprehensive educational SaaS platform connecting teachers and students through dedicated portals for managing students, attendance, finances, exams, video courses, online quizzes, homework, notifications, and academic performance.

SaaS ProductTeacher & Student PortalsEdTech Suite
Next.jsReactTypeScriptTailwind CSS+4
VISIT SAAS
PRIVATE REPO
[03]
2025
Frontend Developer

Speakefy (LMS)

An online learning platform offering English courses, personalized learning, and progress tracking. Developed responsive interfaces, reusable React components, and integrated REST APIs.

LMS PlatformInteractive Course Player
Next.jsReactTypeScriptTailwind CSS+3
LIVE DEMO
PRIVATE REPO
[04]
2026
Full-Stack Developer

Circle Investments

A real estate investment platform for browsing verified properties and supporting informed investment decisions. Developed responsive property listings, advanced search, filtering, and integrated Next.js API Routes.

Advanced Property FilteringNext.js API Routes
Next.jsReactMongoDBTailwind CSS
LIVE DEMO
PRIVATE REPO
[05]
2025
Frontend Developer

Englisher Academy

An online English learning platform providing live classes and interactive learning experiences. Developed responsive pages, reusable UI components, and integrated REST APIs.

Live Classroom IntegrationInteractive Exercises
Next.jsReactTypeScriptTailwind CSS+3
LIVE DEMO
PRIVATE REPO
[06]ENTERPRISE
2026
Frontend Developer

Halaqi

A location-based barber booking platform connecting customers with nearby barber shops, enabling shop discovery, service browsing, appointment scheduling, reviews, and shop management through an integrated Supabase backend.

Barber Booking PlatformLocation-Based Discovery
Next.jsReactTypeScriptTailwind CSS+1
Production App (Private Access)
PRIVATE REPO
ENTERPRISE MODULE06 // SYS.LOG

Halaqi

Internal Enterprise Platform

STATUS: OPERATIONALSECURE ARCHITECTURE
[07]
2026
Frontend Developer

SYSTEMNY

A premium digital systems platform engineered to showcase SYSTEMNY's end-to-end technology solutions, featuring a high-performance architecture, immersive interactions, and a modern interface built to communicate complex digital capabilities with clarity.

Digital Systems PlatformPerformance-First Architecture
Next.jsReactTypeScriptTailwind CSS+1
LIVE DEMO
PRIVATE REPO
[08]
2025
Frontend Developer

Mindoo

A business management platform that helps companies build structured systems for sustainable growth. Developed responsive pages and reusable UI components with a focus on performance.

Multi-Language i18nFramer Motion Physics
Next.jsTypeScriptTailwind CSSFramer Motion+1
LIVE DEMO
PRIVATE REPO
[09]
2025
Frontend Developer

Rehla Marketing

A dynamic marketing agency website showcasing creative solutions and digital strategy. Built with a focus on high-performance visuals and user engagement.

Agency PortfolioHigh-FPS Visuals
Next.jsTypeScriptTailwind CSSFramer Motion+1
LIVE DEMO
PRIVATE REPO
[10]
2026
Full-Stack Developer

Business Partners

A financial consulting platform helping businesses manage operations and make data-driven decisions. Built responsive pages, reusable components, and integrated Next.js API Routes with MongoDB.

Live Production AppFinancial Analytics
Next.jsReactMongoDBTailwind CSS
LIVE DEMO
PRIVATE REPO
[11]
2025
Frontend Developer

B Systems

The corporate portfolio for B Systems. Engineered to deliver a striking first impression with ultra-fast SEO performance and smooth micro-animations using Next.js.

Corporate SuiteUltra-fast Core Web Vitals
Next.jsTypeScriptTailwind CSSFramer Motion
LIVE DEMO
PRIVATE REPO
[12]
2025
Frontend Developer

Byteforce

A high-end marketing agency's digital presence prioritizing modern UI/UX principles, dynamic routing, distinct brand aesthetics, and ultra-fast loading speeds.

Agency EcosystemDynamic Routing
Next.jsTypeScriptTailwind CSSFramer Motion
LIVE DEMO
PRIVATE REPO
[13]
2025
Frontend Developer

Competent Consultancy

A specialized networking platform for an HR and accounting consultancy firm highlighting their professional services, corporate footprint, and seamless client interactions.

Consultancy PortalClient Interaction Modules
Next.jsTypeScriptTailwind CSSFramer Motion
LIVE DEMO
PRIVATE REPO
04
CAPABILITIES

TECHNICAL ECOSYSTEM

// DYNAMIC CONTINUOUS TECH MATRIX — DYNAMIC TILT STREAM

React.jsFRAMEWORKS & LIBRARIES
Next.js (App Router)FRAMEWORKS & LIBRARIES
TypeScriptLANGUAGES
JavaScript (ES6+)LANGUAGES
Tailwind CSSFRAMEWORKS & LIBRARIES
HTML5 / CSS3LANGUAGES
Redux ToolkitFRAMEWORKS & LIBRARIES
GSAPFRAMEWORKS & LIBRARIES
REST APIsTOOLS & CONCEPTS
React.jsFRAMEWORKS & LIBRARIES
Next.js (App Router)FRAMEWORKS & LIBRARIES
TypeScriptLANGUAGES
JavaScript (ES6+)LANGUAGES
Tailwind CSSFRAMEWORKS & LIBRARIES
HTML5 / CSS3LANGUAGES
Redux ToolkitFRAMEWORKS & LIBRARIES
GSAPFRAMEWORKS & LIBRARIES
REST APIsTOOLS & CONCEPTS
PHPLANGUAGES
MySQLTOOLS & CONCEPTS
C++LANGUAGES
SQLLANGUAGES
Git & GitHubTOOLS & CONCEPTS
PostmanTOOLS & CONCEPTS
BootstrapFRAMEWORKS & LIBRARIES
Framer MotionFRAMEWORKS & LIBRARIES
Material UIFRAMEWORKS & LIBRARIES
AxiosFRAMEWORKS & LIBRARIES
ZustandFRAMEWORKS & LIBRARIES
Shadcn UIFRAMEWORKS & LIBRARIES
Agile DevelopmentTOOLS & CONCEPTS
PHPLANGUAGES
MySQLTOOLS & CONCEPTS
C++LANGUAGES
SQLLANGUAGES
Git & GitHubTOOLS & CONCEPTS
PostmanTOOLS & CONCEPTS
BootstrapFRAMEWORKS & LIBRARIES
Framer MotionFRAMEWORKS & LIBRARIES
Material UIFRAMEWORKS & LIBRARIES
AxiosFRAMEWORKS & LIBRARIES
ZustandFRAMEWORKS & LIBRARIES
Shadcn UIFRAMEWORKS & LIBRARIES
Agile DevelopmentTOOLS & CONCEPTS
05
EXPERIENCE

ENGINEERING EXPERIENCE

// CHRONOLOGICAL TIMELINE OF ROLES, COMPANIES & ACHIEVEMENTS

Jul 2026 – Present

Jupiter

Programming & Tech Instructor (Kids & Adults)Remote
  • Taught programming fundamentals, web development, and problem-solving to kids and adults.
  • Designed interactive coding lessons and hands-on workshops for different skill levels.
  • Reviewed students' projects and provided feedback to improve coding and problem-solving skills.
JavaScriptPythonWeb FundamentalsPedagogy & Instruction
Jan 2026 – Jul 2026

Byteforce

Frontend Engineer (React & Next.js)Remote
  • Developed and maintained web applications using Next.js and TypeScript.
  • Built reusable UI components with Tailwind CSS and improved website performance, Core Web Vitals, and SEO.
  • Integrated REST APIs and collaborated with backend developers to deliver new features.
Next.jsTypeScriptTailwind CSSREST APIsCore Web Vitals
Previous

Al-Makan System

Frontend InternEgypt
  • Learned professional workflows, built and styled UI components, and handled debugging and fixing UI issues.
HTML5CSS3JavaScriptUI Debugging
06
INITIATE CONNECTION

LET'S BUILD TOGETHER

// HAVE A PROJECT IN MIND, A TECHNICAL QUESTION, OR A COLLABORATION OPPORTUNITY? SEND A DIRECT MESSAGE.

// DIRECT CHANNELS

REACH OUT DIRECTLY

Prefer direct messaging? Connect via email, WhatsApp, or socials.

// SOCIAL MEDIA NETWORKS