Mohamed is available for hire

Mohamed Amr Refaay

Verified Expert in Engineering

Software Developer

Cairo, Cairo Governorate, Egypt

Toptal member since July 1, 2022

Expertise

Front-end Responsive UI User Interface (UI)Bootstrap UI CSS3 Animation Code Review HTML5 Animations Web Development Responsive Web Apps Websites API Integration Data Visualization Dashboards React JavaScript Blender Three.js Canvas

Bio

Mohamed has been programming for over three 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 has worked with React, JavaScript, TypeScript, Sass, Node.js, and Three.js and has spent his free time experiencing more about Three.js and creative development. Mohamed loves challenging himself—always eager to contribute to demanding projects and continuously learn new technologies.

Portfolio

Toptal Client

3D, TypeScript, React, Three.js, Webpack

Blue Makalu Inc

React, Firebase, TypeScript, Amazon Elastic Container Service (ECS), Chakra UI...

Toptal Client

JavaScript, WebGL, HTML, CSS, Front-end, 3D, Three.js, Mobile First...

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

Availability

Part-time

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 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.

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.

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.

Three.js Portfolio

https://refaay-boko-clone.vercel.app/

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

https://refaay-chair-customizer.vercel.app/

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

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.

Share your needs

Discuss your requirements and refine your scope in a call with a Toptal domain expert.

Choose your talent

Get a short list of expertly matched talent within 24 hours to review, interview, and choose from.

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