Mohamed is currently unavailable
Mohamed Amr Refaay
Verified Expert in Engineering
Software Developer
Cairo, Cairo Governorate, Egypt
Toptal member since July 1, 2022
Bio
Mohamed has been programming for 5+ years. He has some back-end experience but prefers front-end development and converting beautiful designs into beautiful working products. As a front-end developer, he's worked with React, JavaScript, TypeScript, Sass, Node.js, and Three.js, and has spent his free time learning more about Three.js and creative development. Mohamed loves challenging himself—always eager to contribute to demanding projects and continuously learn new technologies.
Portfolio
Carrier Global
React, React Native, JavaScript, GraphQL, CSS, Mobile Development
Toptal Client
3D, TypeScript, React, Three.js, Webpack
Blue Makalu Inc
React, Firebase, TypeScript, Amazon Elastic Container Service (ECS), Chakra UI...
Experience
- Front-end Development - 4 years
- TypeScript - 4 years
- Tailwind CSS - 4 years
- JavaScript - 4 years
- React - 4 years
- CSS - 4 years
- Next.js - 3 years
- Three.js - 3 years
Preferred Environment
React, Node.js, Next.js, CSS, Three.js, TypeScript, 3D, WebGL, SCSS, GLSL
The most amazing...
...thing I've developed is a 3D UI tool for ML engineers to make generating data more accurate and train AI models more efficiently.
Work Experience
Senior Front-end Developer
2024 - PRESENT
Carrier Global
- Contributed to the development and ongoing maintenance of a production React Native application serving more than 10,000 active users.
- Mentored the team on applying accessibility best practices in React Native, including proper use of accessibility roles, labels, focus handling, and screen reader support.
- Fixed a refresh token issue that was causing more than 3,000 errors per week, restoring stable authentication behavior and reducing error logs significantly.
Technologies: React, React Native, JavaScript, GraphQL, CSS, Mobile Development
Senior Three.js Developer
2024 - 2024
Toptal Client
- Spearheaded the development of a cutting-edge 3D visualizer using Three.js and React, significantly enhancing the user experience and providing a dynamic platform for interactive model exploration.
- Refactored and streamlined the existing codebase successfully, implementing best practices and design patterns, resulting in a more maintainable and scalable application.
- Propelled performance improvements by identifying and implementing optimizations, reducing load times, and enhancing overall responsiveness, leading to a smoother and more efficient user interaction with the 3D visualizer.
- Applied advanced 3D mathematics to accurately locate annotations on models, ensuring precise positioning and alignment, thereby enhancing the accuracy and reliability of the application's data visualization capabilities.
Technologies: 3D, TypeScript, React, Three.js, Webpack
Front-end Engineer
2023 - 2023
Blue Makalu Inc
- Pioneered the creation of a robust design system that standardized UI components for React and React Native applications, ensuring consistent and polished user interfaces.
- Collaborated with cross-functional teams to gather requirements, incorporating responsive design principles and industry trends, resulting in a seamless user experience across various platforms.
- Crafted pixel-perfect UI components that seamlessly integrated into the development workflow, enhancing user experience and efficiency.
Technologies: React, Firebase, TypeScript, Amazon Elastic Container Service (ECS), Chakra UI, Figma, ECMAScript (ES6), Web, Webpack
WebGL/Three.js Developer
2023 - 2023
Toptal Client
- Created a captivating 3D experience using Three.js and React for an NFT company, enabling users to immerse themselves in an interactive storytelling environment that effectively communicated the company's vision and ideas.
- Implemented enhancements to the 3D models, optimizing them for compatibility with Three.js and ensuring smooth rendering performance, resulting in an engaging and seamless user experience.
- Successfully integrated the interactive 3D experience with the company's website, effectively showcasing the NFT company's unique concept to a broad audience and generating increased user engagement and interest.
Technologies: JavaScript, WebGL, HTML, CSS, Front-end, 3D, Three.js, Mobile First, 3D Graphics, ECMAScript (ES6), Web, Webpack
Front-end React Developer
2023 - 2023
Pixelcut Inc.
- Developed and delivered high-quality code that efficiently served millions of users, resulting in enhanced performance and user satisfaction.
- Identified and resolved critical bugs within the project, improving the overall system stability and minimizing user disruptions.
- Played a key role in refactoring the project, optimizing code structure, and improving maintainability, leading to increased development efficiency and reduced technical debt.
- Utilized cutting-edge technologies such as React, Firebase, and Konva to implement innovative features, enhancing user experiences and increasing engagement.
- Implemented internationalization support within the project, enabling seamless localization across multiple languages, expanding the user base, and facilitating global accessibility.
Technologies: React, TypeScript, HTML, CSS, Konva, JavaScript, Front-end, Internalization, i18n, Stripe, Front-end Design, Shell Scripting, Web & Mobile Applications, Docker, MySQL, Storybook, 3D Modeling, 3D Animation, Mobile First, ECMAScript (ES6), Web, Vercel
Front-end React Developer
2022 - 2022
B2B SaaS
- Built a SaaS platform using Next.js and TypeScript.
- Implemented pixel-perfect designs using CSS-in-JavaScript libraries like styled-components.
- Developed reusable components using clean code to make sure the project was maintainable.
Technologies: React, CSS, Tailwind CSS, UI Design, Styled-components, Git, User Experience (UX), ORMLite, User Interface (UI), HTML5 Animations, Agile, Responsive Design, DOM, Web Development, Responsive Web Apps, Next.js, TypeScript, Websites, Serverless, Scrum, Agile Software Development, API Integration, CSS3, CSS3 Animation, Canvas, Front-end Design, Shell Scripting, Web & Mobile Applications, Server-side Rendering (SSR), Docker, MySQL, Chart.js, 3D Animation, Mobile First, 3D Graphics, ECMAScript (ES6), Web
Front-end Three.js Developer
2022 - 2022
Synthesis AI
- Developed 3D world preview using Three.js to help ML engineering to choose accurate numbers.
- Refactored the legacy code and helped upgrade the project's packages/libraries to the latest versions.
- Reviewed and approved pull requests to ensure that the code fits the requirements.
Technologies: Three.js, React, Jest, Unit Testing, Integration Testing, Zustand, Code Review, Pull Requests, Amazon Web Services (AWS), Git, 3D, User Experience (UX), User Interface (UI), HTML5 Animations, Agile, Responsive Design, DOM, REST, Web Development, Responsive Web Apps, TypeScript, Websites, Serverless, Scrum, Agile Software Development, API Integration, CSS3, CSS3 Animation, Canvas, WebGL, WebSockets, Front-end Design, Shell Scripting, Web & Mobile Applications, Server-side Rendering (SSR), MySQL, Chart.js, 3D Modeling, 3D Animation, 3D Math, Mobile First, Jira, 3D Graphics, ECMAScript (ES6), Web
React Developer
2022 - 2022
IF Studio, LLC
- Developed new features in the existing project to meet the requirement.
- Fixed bugs and refactored the existing code, so it performed better.
- Enhanced the styling of the landing page to achieve a better user experience.
Technologies: React, CSS, HTML5, Gatsby, GitHub, Git, Apollo, User Experience (UX), User Interface (UI), HTML5 Animations, Agile, Responsive Design, DOM, REST, Web Development, Responsive Web Apps, TypeScript, Websites, Serverless, Agile Software Development, API Integration, CSS3, Styled-components, WebSockets, Front-end Design, Web & Mobile Applications, Docker, MySQL, 3D Modeling, 3D Graphics, ECMAScript (ES6), Web
Mid-level Front-end Developer
2021 - 2022
MyDash
- Transformed understanding of React fundamentals to promote better component lifecycle practices, increasing turnaround speed by 23% with 100% deadline adherence.
- Implemented high-fidelity wireframes using React. Implemented highly customized charts using D3.js.
- Spearheaded any project related to the front-end development for over a year and increased the performance of the applications in production from 15% to over 70%.
- Motivated the team by rewarding positive behavior, encouraging optimism, and stimulating teamwork.
Technologies: React, Django, JavaScript, HTML5, CSS, SCSS, D3.js, Context API, Redux, Responsive UI, Front-end, Front-end Development, PostgreSQL, HTML, JSX, APIs, React Native, Expo.io, Data Visualization, Dashboards, Web Dashboards, Tailwind CSS, tRPC, User Interface (UI), Web Design, Responsive Web Design (RWD), SQL, GitHub, JSON, Performance, Material UI, Bootstrap UI, SEO Tools, Pixel Perfect, REST APIs, Git, User Experience (UX), HTML5 Animations, Agile, Responsive Design, DOM, Web Development, Responsive Web Apps, TypeScript, Websites, Serverless, Agile Software Development, API Integration, Styled-components, Full-stack, Back-end, NGINX, Vi, Web Servers, Stripe, Front-end Design, Python, Web & Mobile Applications, Node.js, Docker, Formik, Reports, ECMAScript (ES6), Vue, Web, Visualization Tools
Front-end Developer
2021 - 2022
PinchForth
- Developed fully functional responsive prototypes based on business requirements using HTML or HTML5, CSS3, JavaScript, and jQuery.
- Achieved the pixel-perfect website design using HTML5, CSS3, and Sass technologies.
- Managed a team developing a responsive website using HTML4, HTML5, CSS3, JavaScript, jQuery, and Node.js.
- Increased PinchForth's conversion rate by 60% by upgrading the user interface of the websites.
- Established custom and fully functional HTML5 apps to demo to potential customers.
Technologies: React, CSS, JavaScript, HTML5, Sass, Responsive UI, Front-end, Front-end Development, SCSS, PostgreSQL, HTML, JSX, jQuery, Dashboards, Web Dashboards, Tailwind CSS, tRPC, User Interface (UI), Web Design, Responsive Web Design (RWD), SQL, GitHub, JSON, Performance, Chakra UI, Material UI, Bootstrap UI, Pixel Perfect, Three.js, REST APIs, Git, HTML5 Animations, Agile, Responsive Design, DOM, Web Development, Responsive Web Apps, TypeScript, Websites, Agile Software Development, API Integration, Styled-components, Full-stack, Back-end, NGINX, Vi, Web Servers, Stripe, Front-end Design, Python, Web & Mobile Applications, Node.js, Server-side Rendering (SSR), Reports, ECMAScript (ES6), Vue, Web, Visualization Tools
Freelance JavaScript Developer
2020 - 2022
Online Freelancing Platform
- Mastered a JavaScript, SVG, and HTML5 canvas, developed novel and compelling widgets, tools, and demos, and contributed to the advancement and promotion of this framework.
- Coded CSS3 and HTML5 to make the system responsive.
- Maintained websites and web services that supported the main software packages to provide 24/7 capabilities for facilitating the movement of documents and data across the internet.
- Optimized the system structure by distributing system deployment to reduce the response time by 30%.
Technologies: JavaScript, React, CSS, HTML5, Sass, Express.js, Responsive UI, Front-end, Front-end Development, SCSS, MongoDB, Apollo Server, HTML, JSX, APIs, jQuery, Data Visualization, Dashboards, Web Dashboards, Tailwind CSS, User Interface (UI), Web Design, Responsive Web Design (RWD), SQL, GitHub, JSON, Mongoose, Chakra UI, Material UI, Bootstrap UI, Content Management Systems (CMS), Contentful, Prisma, Pixel Perfect, REST APIs, Responsive Design, DOM, Web Development, Responsive Web Apps, Next.js, TypeScript, Websites, Agile Software Development, API Integration, Front-end Design, Web & Mobile Applications, Reports, ECMAScript (ES6), Vue, Web
Junior Front-end Developer
2020 - 2021
Qore
- Developed the main applications for the company using modern JavaScript frameworks like React and Redux.
- Strengthened web standards and best practices, including HTML5, JavaScript, and CSS3.
- Maintained applications to make sure they provided the best user experience.
Technologies: Context API, React, CSS, SCSS, Firebase, Redux, HTML, JSX, APIs, Dashboards, Web Dashboards, User Interface (UI), Web Design, Responsive Web Design (RWD), GitHub, JSON, Mongoose, Chakra UI, Bootstrap UI, SEO Tools, Pixel Perfect, Responsive Design, DOM, Web Development, Responsive Web Apps, TypeScript, Websites, Agile Software Development, API Integration, Front-end Design, Web & Mobile Applications, Formik, ECMAScript (ES6), Web
Experience
Qore Asia
Qore is a web React app for advertisers to see the performance of their advertising spend with an agency. Users can check their goals, how long it would take to achieve them, and how to achieve them based on experts' advice.
MyDash
A React-based application with more than ten customized dashboards for clients to enable them to manage their business more efficiently. They have data visualization of their cash flow, revenue, sales, products, digital marketing performance, and much more.
Dashiverse
Dashiverse is a React-based app. It makes it easy for users to track their performance on multiple platforms, such as Google Ads, Facebook Ads, and others, by making them connect their data sources to the app. After connecting, they can see their data visualized in beautiful charts in one dashboard.
Three.js Portfolio
This website is made based on inspiration from the https://bokoko33.me/ website. It's built using JavaScript, Three.js, GSAP, and Blender. I've created the room model using Blender, the scroll animation using the ScrollTrigger plugin of GSAP, and the rest of the animations are made using GSAP combined with CSS.
Chair Customizer
A React-based application with the touch of Three.js, GSAP, and React-three libraries to customize the colors and the texture of a chair's parts. I used TypeScript as the main language and TailwindCSS for styling.
Education
2017 - 2022
Bachelor's Degree in Engineering
Nahda University - Beni Suef, Egypt
Certifications
MARCH 2020 - PRESENT
React Development Track
Udemy
JANUARY 2020 - PRESENT
Front-end Development Track
Udacity
Skills
Libraries/APIs
React, D3.js, Context API, Node.js, React Redux, jQuery, Three.js, Formik, Chart.js, WebGL, GSAP, REST APIs, Konva, Stripe, Vue, MobX
Tools
JSX, GitHub, Mongoose, Figma, Git, Expo.io, Prisma, Canvas, Blender, NGINX, Jira, Webpack, Amazon Elastic Container Service (ECS)
Languages
JavaScript, Sass, HTML5, CSS, SCSS, TypeScript, GraphQL, HTML, CSS3, ECMAScript (ES6), SQL, Python, GLSL
Frameworks
Redux, Next.js, Tailwind CSS, Material UI, Express.js, Django, Bootstrap, React Native, Jest, ORMLite, tRPC
Paradigms
Responsive Web Design (RWD), REST, Agile Software Development, Unit Testing, UI Design, Agile, Scrum, Mobile Development
Platforms
Web, Firebase, Contentful, Amazon Web Services (AWS), Docker, Vercel
Industry Expertise
Web Design
Storage
JSON, MongoDB, PostgreSQL, MySQL
Other
Responsive UI, Front-end, Front-end Development, Data Visualization, Dashboards, Web Dashboards, User Interface (UI), Chakra UI, Bootstrap UI, Pixel Perfect, CSS3 Animation, Zustand, Code Review, Pull Requests, Styled-components, HTML5 Animations, Responsive Design, DOM, Web Development, Responsive Web Apps, Websites, API Integration, Front-end Design, Web & Mobile Applications, Server-side Rendering (SSR), Mobile First, Gatsby, Engineering, Engineering Software, Apollo Server, APIs, Performance, Content Management Systems (CMS), Integration Testing, Apollo, 3D, User Experience (UX), Serverless, i18n, Internalization, Full-stack, Back-end, WebSockets, Vi, Web Servers, Storybook, 3D Modeling, 3D Animation, 3D Math, Reports, 3D Graphics, Visualization Tools, SEO Tools, OAuth, Cloud, Shell Scripting
Collaboration That Works
How to Work with Toptal
Toptal matches you directly with global industry experts from our network in hours—not weeks or months.
1
Share your needs
Discuss your requirements and refine your scope in a call with a Toptal domain expert.
2
Choose your talent
Get a short list of expertly matched talent within 24 hours to review, interview, and choose from.
3
Start your risk-free talent trial
Work with your chosen talent on a trial basis for up to two weeks. Pay only if you decide to hire them.
Top talent is in high demand.
Start hiring