logo
shape
this is my picture

Abdelrhman Khaled!

I'm a Full stack Developer 💻

Full Stack Developer with proven expertise in building dynamic, high-performance web applications using modern technologies like Angular, React, and Node.js. Passionate about creating interactive, user-centric interfaces while ensuring scalability, responsiveness, and a maintainable code architecture.

View CV

My Journey

explore my path

2021

Started Web Development

Began with HTML, CSS, and JavaScript fundamentals

2022

Mastered React

Built multiple projects and learned advanced concepts

2023

Full Stack Journey

Expanded to backend development with Node.js and MongoDB

2024

Advanced Frontend

Specialized in Next.js and modern web technologies

basics i know

explore now

Angular Framework

Built comprehensive, scalable front-end applications, exploring advanced core concepts like NgRx state management and RxJS for reactive programming.

MERN/MEAN Backend

Solid hands-on experience in server-side development utilizing Node.js and Express.js to construct robust APIs and handle complex application logic.

Database Mastery

Proficient in designing and managing both non-relational (MongoDB) and relational databases, ensuring efficient data structures and query optimization.

UI/UX & Prototyping

Deep understanding of design thinking. Experienced in using Figma for crafting intuitive, user-centered wireframes and high-fidelity prototypes.

Programming Steps

Data Structures, Algorithms, OOP Standards, API requests, Advanced JavaScript

Core JavaScript

Strong foundation in ES6+, asynchronous programming, DOM manipulation, and event handling

Responsive Design

Mobile-first approach with fluid layouts and media queries for all device types

Git & Version Control

Experienced with collaborative workflows, branching strategies, and CI/CD integration

Experience & Training

My Professional Path

Work Experience

Frontend Developer

IT Legend CompanyPresented JS Course

Focused on building advanced projects to further enhance frontend skills, with a strong emphasis on SEO optimization techniques, unit testing, and Next.js modern architecture.

Delivered comprehensive presentations and currently exploring advanced architectural patterns to become a more well-rounded and efficient developer, ready to contribute to impactful projects.

💻Core Technologies

Next js

80%

React js

100%

Type script

100%

Java Script

100%

Tailwind Css

100%

Css

100%

Express js

100%

Mongodb

100%

Information Technology Institute (ITI)

9-Month Intensive Internship Journey

An intensive 1014-hour program covering deep software engineering fundamentals, modern web stacks (MERN/MEAN), AI integration, and UI/UX design thinking.

1014 Training Hours

Software Development Fundamentals

  • Data Structures & Algorithms
  • Database & OS Fundamentals
  • OOP Concepts & UML Design
  • Agile Methodologies
  • DevOps, Docker & Kubernetes
  • Source Control (Git)
  • Software Architecture & Design Patterns

Frontend & AI Development

  • HTML5, CSS3, SASS, Responsive Web
  • React.js, Next.js, Vue.js
  • Material UI & Modern Frameworks
  • Generative AI Integration
  • AI-Powered Coding Tools
  • Gen-AI Software Development

MEAN/MERN Stack Engineering

  • Angular, NgRx & RxJS
  • Node.js & NestJS
  • Express.js
  • MongoDB (NoSQL) & Relational DBs
  • GraphQL APIs
  • Advanced JavaScript & ES.Next

UI/UX & Soft Skills

  • UI/UX Design & Wireframing
  • Design Thinking & UX Writing
  • Figma, Photoshop, Illustrator
  • Leadership & Teamwork
  • Remote Work Best Practices
  • Professional Communication

Prepared Graduate Profiles

This comprehensive program equipped me to excel in the following specialized roles.

Frontend Developer

Building highly interactive & responsive UIs using React, Next.js, and Angular.

MERN/MEAN Stack Developer

Full-stack apps using React/Angular, Node.js, Express, and MongoDB.

UI/UX Designer

Crafting beautiful, functional, and user-centered interfaces and experiences.

other skills

explore now

Prompt Engineering

Leveraging my academic background as an AI student to craft optimal, context-aware prompts for Large Language Models, maximizing generative outputs and architectural design.

Graphic Design (PS/Ai)

Skilled in visual design utilizing Adobe Photoshop and Illustrator to create stunning graphics, mockups, and complex web assets.

Calligraphy & Typography

A strong aesthetic eye for calligraphy and typography, leveraging this artistic background to enhance the visual hierarchy and feel of web interfaces.

Office Productivity Suite

Highly proficient in utilizing Microsoft Word, Excel, and PowerPoint for professional documentation, data tracking, and high-impact presentations.

Projects

Explore My Work

E-Store Rebranding (Next.js)
Next.js

E-Store Rebranding

A modern, highly scalable full-stack e-commerce web application built to provide a premium online shopping experience. This project represents a complete rebranding and architectural restructuring of an e-store, focusing on performance, mobile responsiveness, and clean code practices.

Engenitic (Angular AI Platform)
Angular

Engenitic

AI-Powered English Learning Platform. Developed a dynamic front-end with Angular, reducing load time by 40% through lazy loading mechanisms. Integrated 3 advanced AI modules (grammar correction, chatbot, TTS) utilizing Azure Cognitive Services.

IT Legend Assessment (Next.js)
Next.js

IT Legend Assessment

Built an SEO-optimized web app from Figma designs using Next.js SSR, improving page ranking by 25%. Engineered 15+ reusable components with Context API, reducing redundancy by 30%. Achieved a 95% mobile usability score in Lighthouse.

Bookshop Platform (React / .NET)
React

Bookshop Platform

Increased user engagement by 30% through real-time book reviews. Applied Clean Architecture to decouple core layers, accelerating feature delivery by 20%. Conducted 100% test coverage for core services, effectively reducing reported bugs by 40%.

Wordle Game (MEAN Stack)
MEAN Stack

Wordle Game

Wordle-inspired puzzle game. Applied a mobile-first responsive design, achieving 100/100 Mobile-Friendly Test scores. Optimized MongoDB queries for word randomization, cutting API latency to under 200ms.

Controlled Components (React)
React

Controlled Components

Developed a robust controlled component form architecture utilizing strict React state paradigms. Integrated a lightweight MongoDB and Express backend, rapidly prototyping the full-stack architecture in under 48 hours to validate strict form handling.