Mohamed is available for hire

Mohamed Amr Refaay

Verified Expert in Engineering

Software Developer

Location

开罗，埃及开罗省

Toptal Member Since

July 1, 2022

穆罕默德从事编程工作已经三年多了. 他有一些后端经验，但更喜欢前端开发和将漂亮的设计转化为漂亮的工作产品. 作为一名前端开发人员，他使用过React、JavaScript、TypeScript、Sass和Node.js, and Three.他利用空闲时间更多地体验了Three.j与创意发展. Mohamed喜欢挑战自己，总是渴望为高要求的项目做出贡献，并不断学习新技术.

Responsive UI Front-end User Interface (UI)Bootstrap UI CSS3 Animation Code Review HTML5 Animations Web Development Websites Data Visualization Web React Sass HTML5 CSS

Portfolio

Blue Makalu Inc

React, Firebase, TypeScript, Amazon弹性容器服务(Amazon ECS)...

Toptal Client

JavaScript, WebGL, HTML, CSS，前端，3D，三个.js, Mobile First...

Pixelcut Inc.

React, TypeScript, HTML, CSS, Konva, JavaScript，前端，内部化...

Experience

React - 3 years CSS - 3 years TypeScript - 3 years JavaScript - 3 years Three.js - 2 years Next.js - 2 years D3.js - 2 years Tailwind CSS - 2 years

Availability

Full-time

Preferred Environment

React, Node.js, Next.js, CSS, Three.js、TypeScript、3D、WebGL、SCSS、GLSL

The most amazing...

...我为ML工程师开发了一个3D UI工具，可以更准确地生成数据，更有效地训练AI模型.

Work Experience

Front-end Engineer

2023 - 2023

Blue Makalu Inc

开创了一个强大的设计系统，为React和React Native应用程序标准化UI组件, 确保用户界面的一致性和美观性.
与跨职能团队合作收集需求, 结合响应式设计原则和行业趋势, 从而实现跨不同平台的无缝用户体验.
精心制作的像素完美的UI组件，无缝集成到开发工作流中, 提升用户体验和效率.

Technologies: React, Firebase, TypeScript, Amazon弹性容器服务(Amazon ECS), Chakra UI, Figma, ECMAScript (ES6), Web

WebGL/Three.js Developer

2023 - 2023

Toptal Client

使用Three创建了一个迷人的3D体验.js和React为一家NFT公司, 让用户沉浸在一个互动的故事环境中，有效地传达了公司的愿景和想法.
实现了对3D模型的增强，优化了它们与Three的兼容性.Js并确保流畅的渲染性能，从而产生引人入胜的无缝用户体验.
成功将交互式3D体验与公司网站整合, 有效地向广大受众展示了NFT公司的独特概念，并增加了用户的参与度和兴趣.

技术:JavaScript, WebGL, HTML, CSS，前端，3D，三.js、Mobile First、3D Graphics、ECMAScript (ES6)、Web

Front-end React Developer

2023 - 2023

Pixelcut Inc.

开发并交付高质量的代码，有效地为数百万用户提供服务, 从而提高性能和用户满意度.
识别并解决项目中的关键错误, 提高整体系统稳定性，减少用户中断.
在项目重构中扮演了关键角色, optimizing code structure, 提高可维护性, 从而提高开发效率并减少技术债务.
利用尖端技术，如React, Firebase, 和Konva实现创新功能, 增强用户体验，提高用户粘性.
在项目中实现国际化支持, 支持跨多种语言的无缝本地化, expanding the user base, 促进全球可及性.

Technologies: React, TypeScript, HTML, CSS, Konva, JavaScript，前端，内部化, 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

使用Next构建SaaS平台.js and TypeScript.
使用javascript中的css库(如样式组件)实现像素完美的设计.
使用干净的代码开发可重用组件，以确保项目可维护.

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, 敏捷软件开发, API Integration, CSS3, CSS3 Animation, Canvas, Front-end Design, Shell Scripting, Web & 移动应用，服务器端渲染(SSR)， Docker, MySQL，图表.js、3D动画、移动优先、3D图形、ECMAScript (ES6)、Web

Front-end Three.js Developer

2022 - 2022

Synthesis AI

使用Three开发3D世界预览.js帮助ML工程选择准确的数字.
重构遗留代码，并帮助将项目的包/库升级到最新版本.
审核并批准拉取请求，以确保代码符合要求.

Technologies: Three.js, React, Jest, Unit Testing, Integration Testing, Zustand, Code Review, Pull Requests, 亚马逊网络服务(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, 敏捷软件开发, API Integration, CSS3, CSS3 Animation, Canvas, WebGL, WebSockets, Front-end Design, Shell Scripting, Web & 移动应用，服务器端渲染(SSR)， MySQL，图表.. js、3D建模、3D动画、3D数学、Mobile First、Jira、3D图形、ECMAScript (ES6)、Web

React Developer

2022 - 2022

IF Studio, LLC

在现有项目中开发新功能以满足需求.
修复bug并重构现有代码，使其性能更好.
增强了登陆页面的样式，以获得更好的用户体验.

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, 敏捷软件开发, API Integration, CSS3, Styled-components, WebSockets, Front-end Design, Web & 移动应用，Docker, MySQL, 3D建模，3D图形，ECMAScript (ES6)， Web

中级前端开发人员

2021 - 2022

MyDash

转变了对React基础的理解，以促进更好的组件生命周期实践, 在100%遵守截止日期的情况下，周转速度提高23%.
使用React实现高保真线框. 使用D3实现高度定制的图表.js.
领导任何与前端开发相关的项目超过一年，并将应用程序的性能从15%提高到70%以上.
通过奖励积极的行为，鼓励乐观，鼓励团队合作来激励团队.

技术: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, 响应式网页设计(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, 敏捷软件开发, API Integration, Styled-components, Full-stack, Back-end, NGINX, Vi, Web Servers, Stripe, Front-end Design, Python, Web & 移动应用，节点.js、Docker、Formik、Reports、ECMAScript (ES6)、Vue、Web、可视化工具

Front-end Developer

2021 - 2022

PinchForth

使用HTML或HTML5开发基于业务需求的全功能响应式原型, CSS3, JavaScript, and jQuery.
使用HTML5, CSS3, Sass技术实现了像素级完美的网站设计.
管理一个使用HTML4开发响应式网站的团队, HTML5, CSS3, JavaScript, jQuery, and Node.js.
通过升级网站的用户界面，使PinchForth的转化率提高了60%.
建立自定义和功能齐全的HTML5应用程序，向潜在客户演示.

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, 响应式网页设计(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, 敏捷软件开发, API Integration, Styled-components, Full-stack, Back-end, NGINX, Vi, Web Servers, Stripe, Front-end Design, Python, Web & 移动应用，节点.js，服务器端渲染(SSR)，报表，ECMAScript (ES6)， Vue, Web，可视化工具

自由JavaScript开发者

2020 - 2022

在线自由职业平台

Mastered a JavaScript, SVG, and HTML5 canvas, 开发新颖和引人注目的小部件, tools, and demos, 并为推进和促进这一框架作出了贡献.
编写CSS3和HTML5代码，使系统响应.
维护支持主要软件包的网站和网络服务，以提供24/7的功能，方便文件和数据在互联网上流动.
通过分布式部署优化系统结构，响应时间降低30%.

技术: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, 响应式网页设计(RWD), SQL, GitHub, JSON, Mongoose, Chakra UI, Material UI, Bootstrap UI, 内容管理系统(CMS), Contentful, Prisma, Pixel Perfect, REST APIs, Responsive Design, DOM, Web Development, Responsive Web Apps, Next.js、TypeScript、网站、敏捷软件开发、API集成、前端设计、Web & 移动应用程序，报表，ECMAScript (ES6)， Vue, Web

初级前端开发人员

2020 - 2021

Qore

使用React和Redux等现代JavaScript框架为公司开发主要应用程序.
加强网络标准和最佳实践，包括HTML5、JavaScript和CSS3.
维护应用程序，确保它们提供最佳的用户体验.

技术:上下文API, React, CSS, SCSS, Firebase, Redux, HTML, JSX, APIs, Dashboards, Web Dashboards, User Interface (UI), Web Design, 响应式网页设计(RWD), GitHub, JSON, Mongoose, Chakra UI, Bootstrap UI, SEO Tools, Pixel Perfect, Responsive Design, DOM, Web Development, Responsive Web Apps, TypeScript, Websites, 敏捷软件开发, API Integration, Front-end Design, Web & 移动应用程序，Formik, ECMAScript (ES6)， Web

Experience

Qore Asia

Qore是一个web React应用程序，广告商可以看到他们在代理机构的广告支出的表现. 用户可以检查他们的目标, 实现这些目标需要多长时间, 以及如何根据专家的建议实现这些目标.

Dashiverse

http://dashiverse.com/

Dashiverse是一款基于react的应用. 它使用户可以轻松地跟踪他们在多个平台上的表现, such as Google Ads, Facebook Ads, and others, 通过让他们将数据源连接到应用程序. 连接后，他们可以在一个仪表板上看到他们的数据以漂亮的图表显示.

MyDash

http://mydash.report/

一个基于react的应用程序，为客户提供了十多个定制的仪表板，使他们能够更有效地管理业务. 他们有可视化的现金流数据, revenue, sales, products, 数字营销绩效, and much more.

Three.js Portfolio

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

这个网站是根据http://bokoko33的灵感制作的.me/ website. 它是用JavaScript构建的.js, GSAP, and Blender. 我用Blender创建了房间模型, 使用GSAP的ScrollTrigger插件制作滚动动画, 其余的动画是使用GSAP和CSS结合制作的.

Chair Customizer

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

一个基于react的应用程序.js、GSAP和react这三个库来定制椅子部件的颜色和纹理. 我使用TypeScript作为主要语言，并使用TailwindCSS作为样式.

Skills

Languages

JavaScript, Sass, HTML5, CSS, SCSS, TypeScript, GraphQL, HTML, CSS3, ECMAScript (ES6), SQL, Python, GLSL

Frameworks

Redux, Next.js，顺风CSS，材质UI, Express.. js, Django, Bootstrap, React Native, Jest, ORMLite

Libraries/APIs

React, D3.js, Context API, Node.js, React Redux, jQuery, 3.js, Formik, Chart.. js, WebGL, GSAP, REST api, Konva, Stripe, Vue, MobX

Tools

JSX、GitHub、Mongoose、Figma、Git、Expo.io, Prisma, Canvas, Blender, NGINX, Jira, Amazon弹性容器服务(Amazon ECS)

Paradigms

响应式网页设计(RWD)、REST、敏捷软件开发、单元测试、UI设计、敏捷、Scrum

Platforms

Web、Firebase、Contentful、亚马逊网络服务(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, 服务器端呈现(SSR), Mobile First, Gatsby, Engineering, Engineering Software, Apollo Server, APIs, Performance, 内容管理系统(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, tRPC, SEO Tools, OAuth, Cloud, Shell Scripting

Education

2017 - 2022

工程学士学位

复兴党大学-贝尼苏夫，埃及

Certifications

MARCH 2020 - PRESENT

React Development Track

Udemy

JANUARY 2020 - PRESENT

前端开发轨迹

Udacity

Collaboration That Works

How to Work with Toptal

在数小时内，而不是数周或数月，我们的网络将为您直接匹配全球行业专家.

Share your needs

在与Toptal领域专家的电话中讨论您的需求并细化您的范围.

Choose your talent

在24小时内获得专业匹配人才的简短列表，以进行审查，面试和选择.

开始你的无风险人才试验

与你选择的人才一起工作，试用最多两周. 只有当你决定雇佣他们时才付钱.

对顶尖人才的需求很大.

Start hiring