logo
shape
this is my picture

Abdelrhman Khaled!

i'm a Full stack Developer šŸ’»

am currently a student at Helwan University, majoring in Artificial Intelligence. I developed a strong interest in web development three years ago and have been actively pursuing it ever since.

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

Programming Steps

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

HTML5 & Semantics

Creating accessible, SEO-friendly markup with proper document structure

CSS Fundamentals

Expertise in layouts, animations, transitions, and responsive design principles

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

Package Management

Proficient with npm/yarn, dependency management, and project configuration

Development Tools

VS Code, Chrome DevTools, webpack, Babel, and other essential development utilities

Experience

explore now

prestened / JavaScript Course

For IT Legend Company

I’m currently focused on building more projects to further enhance my frontend skills, with a strong interest in learning unit testing and advanced SEO optimization techniques. Additionally, I aim to deepen my backend expertise with Node.js by developing more complex full-stack applications. My goal is to explore advanced architectural patterns, particularly using Next.js, to become a more well-rounded and efficient developer.

I am currently open to frontend development opportunities, with strong expertise in React and Next.js. I also have a solid background in Angular, having explored its core deeply and enjoyed its powerful architecture. I’m eager to contribute to impactful projects and grow within a collaborative development team.

Next js

80%

React js

100%

Type script

100%

Java Script

100%

Tailwind Css

100%

Css

100%

Express js

100%

Mongodb

100%

other skills

explore now

Angular

I built several Angular projects and explored advanced core concepts, which deepened my overall understanding of web development.

Back End

To complete my web development journey, I learned back-end development and built several projects using Express and MongoDB (MERN stack).

Data base

Proficient in both relational (PostgreSQL, SQL, pysql) and non-relational (MongoDB) databases, with solid experience in writing efficient queries and managing data structures.

UI / UX

i'm adapted to figma as i did multiple designs with it, i took alot of courses online to study figma right,and this helped me alot as a front end developer

Projects

explore now

Handmade Leather Store (React)

Handmade Leather Store (React)

Developed a fully responsive UI using Tailwind CSS with dynamic image sliders and smooth routing via React Router. Implemented robust form handling and validation using Formik and Yup, ensuring accurate user input. Enhanced user experience through efficient API integration with Axios, real-time feedback via React Toastify, and smooth loading states using React Loader Spinner

enginitic project (Angular)

enginitic project (Angular)

As the Front-End Developer for Engenitic, I built a responsive UI using Angular, Tailwind CSS, and SCSS with a modern design. I integrated ngx libraries for loaders, toasters, charts, and carousels, and implemented secure JWT-based authentication and media handling via FormData. I also developed interfaces for AI features including grammar correction, Q&A, and text-to-speech functionalities.

IT Legend Task (next js)

IT Legend Task (next js)

Developed a performance-optimized task for IT Legend using Next.js and Tailwind CSS. Implemented lazy loading for images and videos to enhance load times, utilized React.memo to prevent unnecessary re-renders, and reduced bundle size by minimizing JavaScript packages through custom Next.js configuration, the website is fully responsive using tailwind utilities.

BookShop (React)

BookShop (React)

BookShop allows users to discover, discuss, and review books in real-time Developed a real-time book discovery and review platform using ASP.NET Core and React. Applied Clean Architecture principles for maintainability and future scalability. Implemented multi-layer testing (unit, integration, functional) to ensure reliability

Wordle Game – Puzzle Web App (full stack MEAN)

Wordle Game – Puzzle Web App (full stack MEAN)

A Wordle-inspired game where players Guess the word with limited attempts Created a Wordle-inspired game with Angular (front-end) and Node.js (back-end). Delivered real-time feedback, mobile responsiveness, and randomized word generation via MongoDB.

controlled compoent (next js)

controlled compoent (next js)

this is a small project using react, it's a controlled component form made with pure react states,i even did a backend for it using mongodb and express,this project was made in two days for testing my skills with react, it's made with tailwind Css (my favourite css framework)