Frontend developer with 3+ years of experience in React and NextJS
To secure a Frontend Developer position to leverage my expertise in React and TypeScript to create exceptional user experiences and contribute to innovative web applications
React
Redux/Toolkit
Jotai
Next Js
HTML
CSS
Tailwind
MUI
DataGrid
JavaScript
TypeScript
FetchAPI
GIT
Arabian Systems Cairo (Onsite)
Frontend Engineer Dec 2024 - Current
– Developed a real-time shipment tracking application using Next.js 15 and TypeScript, enabling users to monitor live delivery
– Leveraged Google Maps API to visualize live location updates and optimize map rendering performance
– Architected state management using Context API to batch location updates and minimize Google Maps API requests
– Implemented server-side rendering (SSR) in Next.js to reduce initial load time by 40% and improve SEO performance
FPL Champ Cairo (Remote)
Frontend Engineer Jan 2024 - Apr 2025
– Create a fully responsive and pixel perfect webapp using React JS and MUI.
– Developed a reusable library of 100+ React components to streamline development and consistent UI across the app.
– Utilized React Query for data fetch, caching and data validation, leading to a 30% decrease in data loading times.
– Developed complex tables using React Data Grid and Emotion CSS for dynamic game/player table views.
– Implemented URL-based state persistence, allowing users to share and reload application without losing state.
– Developed authentication functionality using Supabase, ensuring secure user access and management.
– Deployed frontend Google Cloud Run to deliver scalable, high-performance, and cost-effective solution.
– Managed agile workflows and team sync-ups via Notion and Google Meet for smooth React development.
MoVision Germany (Remote)
Frontend Engineer Contract
– Designed and implemented a Drag and Drop Email Builder component using native APIs.
– Created customizable style forms for each component to enhance user customization.
– Developed editable text fields for email headers, paragraphs, buttons, etc.
– Successfully migrated code base to Vite reducing build time by 50%
– Introduces Prettier and ESLint rules for code cleanliness and organization
– Utilized Slack, Zoom, and ClickUp for efficient communication and task management.
– Completed 95% of tasks ahead of schedule by effectively prioritizing and managing workload without direct supervision
TUV Austria Sheikh Zayed
Frontend Engineer June 2023 - March 2024
– Developed a frontend website serving 1,000+ users, leveraging React and Tailwind for a robust and scalable solution.
– Built 50+ reusable UI components to streamline development
– Designed and implemented a user-friendly validation system to verify certificate authenticity.
– Collaborated effectively with design teams to translate wireframes into functional and visually appealing interfaces.
– Successfully migrated a complex website from WordPress to Next.js, improving performance and SEO.
Career Studio (Workforce Development Solution) Los Angeles (Remote)
frontend Intern June 2023 - Sep 2023
– Worked with designers and backend developers to implement new features and bug fixes.
– Communications with project manger
– GitHub code review and resolve merge conflicts
– Implement and maintain feature requirements using React, Tailwind, Redux ToolKit
Ain Shams University Cairo
Bachelor Degree in Engineering 2023
Auto Attendance System Live link
– Implemented facial recognition using OpenFace for automatic student attendance.
– Created a React application with attendance tracking and user-friendly dashboards.
– Developed a FastAPI server with JWT-based authorization for user management and requests.
– Deployed React frontend on vercel.com and utilized Azure VM with Nginx for backend management.
– Designed a PostgreSQL database for storing student and course data, ensuring data integrity.
Careem Landing Page Clone Live Link
I have created a clone of the Careem landing page. The landing page was responsive and mobile-friendly, and was built using the latest front-end technologies. I was able to create a landing page that was visually appealing and easy to use.
World Wide Recipe Live Link
This website allows users to search for and view food recipes from a variety of sources. The website uses an API to access the recipes, which means that the recipes are always up-to-date. Users can filter the recipes by cuisine, ingredient, or dietary restriction.
Gradgen Live Link
A web app that allows the user to enter the number of colors that they want and the angle of rotation the they the image to be then generate a random linear gradient with the given and allow the users to download the linear gradient as an image
Student Inc Landing Page Live Link
I have successfully developed a landing page with an eye-catching design and user-friendly features for our Student Inc project. The landing page aims to promote our project and encourage visitors to learn more about what we do.
Covid-19 (Virus) Simulator
This project aims to simulate virus spreed among a group of people in different zones. The zones limit the spread of the virus because of lower number of sick in each zone
News Summary App
News app that uses Next JS to utilize server side rendering that includes fetch the date and rendering the html page then pushing it to the client
Student Representative
– Student Representative for 80 students where I help facilitate the communication between the teaching staff and the students and helped organize for multiple events
ASU Racing Team
– Media Team member with 100% project completion rate
– Render and design formula-1 Car and Design Banner, roll-up and Social media posts
– Proficient Languages (JavaScript, HTML, CSS, Python)
– Proficient Frameworks (React, Express, FastAPI, Next JS)
– Proficient in styling tools such as Tailwind, Material UI, CSS Modules, and SCSS.
– Proficient in GIT version control (GIT)
– OOP and Functional Programming
– Great Documentation Skills
– Strong communication expertise and interpersonal skills
– Capable of managing projects and delivering results independently in a remote environment
– Effective in working with cross-functional teams remotely