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.
Began with HTML, CSS, and JavaScript fundamentals
Built multiple projects and learned advanced concepts
Expanded to backend development with Node.js and MongoDB
Specialized in Next.js and modern web technologies
Data Structures, Algorithms, OOP Standards, API requests , Advanced JavaScript
Creating accessible, SEO-friendly markup with proper document structure
Expertise in layouts, animations, transitions, and responsive design principles
Strong foundation in ES6+, asynchronous programming, DOM manipulation, and event handling
Mobile-first approach with fluid layouts and media queries for all device types
Experienced with collaborative workflows, branching strategies, and CI/CD integration
Proficient with npm/yarn, dependency management, and project configuration
VS Code, Chrome DevTools, webpack, Babel, and other essential development utilities
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%
I built several Angular projects and explored advanced core concepts, which deepened my overall understanding of web development.
To complete my web development journey, I learned back-end development and built several projects using Express and MongoDB (MERN stack).
Proficient in both relational (PostgreSQL, SQL, pysql) and non-relational (MongoDB) databases, with solid experience in writing efficient queries and managing data structures.
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
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
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.
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 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
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.
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)