Software developer with 2+ yrs exp in Frontend development
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
FPL Champ Cairo (Remote)
Frontend Engineer Jan 2024 - Current
– Implemented a comprehensive website featuring 100+ components using React JS and MUI, developed to meet requirements.
– Utilized DataGrid with Emotion CSS for frontend development, ensuring responsive and user-friendly interfaces.
– Utilized React Query for data fetch, caching and data validation, leading to a 30% decrease in data loading times.
– Implemented state management using context with URL-based persistence, resulting in a 25% reduction in rerenders and improved application performance.
– Developed authentication functionality using Supabase, ensuring secure user access and management.
– Deployed frontend Google Cloud Run to deliver scalable, high-performance, and cost-effective solutions.
– Managed tasks and documentation via Notion and Google Meet for real-time collaboration.
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.
– Ensured code quality and maintainability through comprehensive documentation, including inline comments, docblocks, and README files.
– 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.
– Mentoring the development team
– Communications with project manger and stakeholders
– GitHub Master 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