About Me
Engineering mindset. Product focus.
Long-term thinking.
I'm Sherif Khodeir — a Frontend Engineer with a foundation in Electrical Engineering and Electronics, focused on building high-quality digital products that combine strong technical architecture with thoughtful design.
Before transitioning into software, I spent several years in the real estate industry in senior-level responsibilities, working closely with clients to understand goals, constraints, and decision-making dynamics. That experience shaped how I approach engineering today: software must create measurable value, communicate clearly, and earn trust through reliability.
In 2022, I made a deliberate shift into web development, building from fundamentals upward — mastering core JavaScript, modern React patterns, system design principles, and full-stack integration. My progression has been intentional: depth over shortcuts, architecture over quick fixes.
Today, I work primarily with React and Next.js, building scalable UI systems, data-driven applications, and immersive interactive experiences using 3D and animation technologies when they serve the product. I focus on clean structure, predictable state management, performance optimization, and long-term maintainability.
I'm most energized by products that demand both technical depth and design sensitivity — where good engineering decisions compound over time and elevate the entire team.
current goals: Improve my knowledge & skills (courses)
Improve my knowledge & skills (courses)
- Algorithms and Data Structures Masterclass [In Progress]
- Next.js 14 & React Complete course [In Progress]
- Learn about Next.js 14 & React [Done]
- Learn NodeJS/MongoDB to setup back-end APIs for database storage [Done]
- Complete the Odin project to Learn advanced HTML, CSS, Javascript and other skills [Done]
Learn to develop better UI components
- Learn and use GSAP [In Progress]
- Learn and use Three.js [Done]
- Learn and use framerMotion [Done]
Practice projects final fixes
- Final fixes for all previous projects [Done]
- Deploy projects to redirect from the portfolio website links [Done]
Build and Deploy my portfolio
- Deploy website [Done]
- Final fixes for all components [Done]
- Make the website responsive [Done]
- Sort the home components [Done]
- Design, build and style all the sites components [Done]
Practice: convert the (Car Mainenance App)'s API to a GraphQL version
Practice: make a web-app with ReactJS and Mongoose (RESTful API) as a Database (Car Maintenance App)
Practice: make a website using NextJS with a Mongoose Database (Real-Estate Admin website)
Practice: make a website and use #1 skills and hookup with a backend for storage (Amazon clone website)