Moatasem is available for hire

Moatasem Ebrahim

Verified Expert in Engineering

Front-end Developer

Cairo, Cairo Governorate, Egypt

Toptal member since May 17, 2022

Expertise

Front-end Debugging Web Development JavaScript React.js HTML5 CSS Tailwind CSS Redux Next.js REST API TypeScript AG Grid

Bio

Moatasem is a skilled software engineer with 6+ years of experience specializing in front-end development, particularly with React and Next.js. Known for his proactive, solution-oriented mindset, he has delivered high-quality web applications across eCommerce and dashboards. His recent work includes optimizing performance and SEO in complex applications. Moatasem excels in collaborative environments, combining technical expertise with a passion for creating seamless user experiences.

Portfolio

Tempo Interactive Inc

TypeScript, Next.js, Contentful, Node.js, Tailwind CSS, Sentry, Figma, Jira...

Carry1st

JavaScript, React, HTML, CSS, Material UI, Redux, Formik, Firebase, Java...

Fixed Solutions

JavaScript, React, HTML, CSS, Agile, Next.js, TypeScript, Redux, GraphQL...

Experience

JavaScript - 7 years
HTML - 7 years
React - 6 years
Front-end Development - 4 years
CSS - 4 years
Redux - 3 years
Git - 3 years
Material UI - 2 years

Availability

Full-time

Preferred Environment

MacOS, Visual Studio Code (VS Code), Slack, Google Sheets, React, Terminal, Agile, Next.js, Jira, TypeScript

The most amazing...

...thing I've done was lead the code base migration to Next.js at Carry1st, boosting performance by nearly 20%, and enhancing user experience and visibility.

Work Experience

Senior Front-end Engineer

2024 - 2024

Tempo Interactive Inc

Developed analytics setup on multiple solutions in coordination with product teams for better visibility.
Contributed to engineering team excellence by initiating specialized sharing knowledge sessions.
Improved engineering efficiency by contributing to the processes’ definition, standards, and workflows.

Technologies: TypeScript, Next.js, Contentful, Node.js, Tailwind CSS, Sentry, Figma, Jira, Electron, JavaScript, HTML, CSS, Git, Linux, Software Engineering, React, GraphQL, Formik, Yup, HTML5, CSS3, REST APIs, Confluence, GitLab, Google SEO, SEO Tools, Front-end, APIs, Front-end Architecture, Performance, UX Design, Vercel, API Integration, Pixel Perfect, eCommerce, MERN Stack, Back-end, Planning, Analytical Thinking, Critical Thinking, Debugging, MacOS, iOS, Full-stack, Supabase, Webhooks, Vite, Web Components, UI Components, Headless UI, Design Systems, Atomic Design, Web Analytics, Figma to React

Front-end Software Engineer

2021 - 2024

Carry1st

Integrated with Firebase to implement Firebase Authentication (email, Facebook, Google, and Apple).
Integrated multiple payment providers from different countries.
Handled server-side rendering with hydration through Webpack custom configurations.
Wrote unit test cases using Jest and end-to-end test cases using Cypress.
Built a dashboard for an eCommerce store configuring products, orders, payments, promotions, etc.
Contributed to the UI/UX process for user interfaces and loyalty programs.

Technologies: JavaScript, React, HTML, CSS, Material UI, Redux, Formik, Firebase, Java, Spring Boot, PostgreSQL, pgAdmin, HTML5, CSS3, Jest, Cypress, ESLint, Yarn, NPM, Git, Bitbucket, Express.js, REST APIs, React Router, React Redux, Webpack, Testing, Unit Testing, Integration Testing, Firebase Web SDK, Cookies, Styled-components, Jira, Confluence, Agile Sprints, Agile, Software Engineering, SCSS, Yup, Sass, Sagas, Code Review, Front-end Development, Front-end, Zeplin, Figma, Web Development, Web App Development, APIs, Automated Testing, Automated UI Testing, Docker, Front-end Architecture, User Interface (UI), User Experience (UX), HTTP, HTTPS, Performance, Code Architecture, Storybook, UX Design, UI Design, Slack App, Vercel, Estimations, UI Development, API Integration, Google Analytics, Google Analytics 4, Pixel Perfect, Google Analytics API, Google Tag Manager, Google Tag Manager API, Full-stack, Full-stack Development, eCommerce, Elasticsearch, Back-end, Middleware, Analytics, Create React App, Auth0, Amazon Web Services (AWS), CI/CD Pipelines, ECMAScript (ES6), Database Design, GitHub, SEO Marketing, Front-end Design, Search Engine Optimization (SEO), Responsive Design, Node.js, TypeScript, Next.js, Tailwind CSS, Google SEO, SEO Tools, MERN Stack, Planning, Analytical Thinking, Critical Thinking, Debugging, MacOS, iOS, Webhooks, Radix UI, UI Components, Headless UI, Design Systems, Atomic Design, Web Analytics, React Query, Figma to React

Front-end Software Engineer

2020 - 2021

Fixed Solutions

Initialized two projects (CMS and admin panel for cyber security web app) from scratch by building the file structures, linting, deployment, testing environment, and other set up tools.
Integrated with Kibana and elastic search for building a dashboard containing charts and reports.
Handled localization and multilingual content in Arabic and English in a CMS built from scratch, using MERN stack.
Implemented roles and permissions (RBAC) on the admin panel components.

Technologies: JavaScript, React, HTML, CSS, Agile, Next.js, TypeScript, Redux, GraphQL, Kibana, SCSS, CSS3, HTML5, Sass, Sagas, Node.js, MongoDB, Express.js, Socket.IO, Git, Jira, Confluence, REST APIs, Axios, Agile Sprints, Formik, Yup, Antd, Storybook, Code Review, Lodash, Tailwind CSS, ESLint, Yarn, NPM, GitLab, React Router, Localization, Internationalization, i18n, Google SEO, Software Engineering, React Redux, Front-end Development, Front-end, Web Development, Web App Development, APIs, Docker, User Interface (UI), User Experience (UX), HTTP, HTTPS, jQuery, Performance, WebSockets, Code Architecture, UX Design, UI Design, Slack App, Vercel, Estimations, UI Development, API Integration, Google Analytics, Pixel Perfect, Elasticsearch, MERN Stack, Middleware, Create React App, NoSQL, CI/CD Pipelines, ECMAScript (ES6), Trello, Database Design, GitHub, Front-end Design, Search Engine Optimization (SEO), Responsive Design, Front-end Architecture, Sentry, Analytical Thinking, Debugging, UI Components, Headless UI, Figma to React

Junior Front-end Engineer

2019 - 2020

GarmentIO

Contributed to the project initiation and migration from Laravel to React and Node.js.
Designed and implemented custom report generators to help managers extract custom insights.
Integrated with the Ag Grid display and editing custom sheets in the web app.
Handled internationalization and localization for the admin panel.

Technologies: JavaScript, React, Node.js, MongoDB, Git, Redux, Laravel, HTML, CSS, Antd, HTML5, CSS3, Material UI, AG Grid, REST APIs, ClickUp, Axios, Agile, Express.js, FontAwesome, Formik, Yup, Socket.IO, Code Review, Bootstrap, Sass, Moment.js, Lodash, Agile Sprints, ESLint, NPM, GitLab, NGINX, React Router, Cookies, Localization, Internationalization, i18n, SCSS, Linux, React Redux, Front-end Development, Front-end, Web Development, Web App Development, APIs, User Interface (UI), User Experience (UX), HTTP, HTTPS, WebSockets, Code Architecture, UX Design, UI Design, Slack App, Estimations, UI Development, API Integration, Pixel Perfect, Full-stack, Full-stack Development, MERN Stack, Back-end, Middleware, Create React App, NoSQL, CI/CD Pipelines, ECMAScript (ES6), Database Design, GitHub, Front-end Design, Responsive Design, Front-end Architecture, Debugging, UI Components

Web Developer

2018 - 2019

Freelance

Built various landing pages for marketing campaigns.
Built a blog (CMS) for an advertising network in two different languages using a WordPress template.
Modified SEO technical configurations for SEO optimization on the blog.
Built a Shopify custom plugin to send purchase data to a new tracking tool.

Technologies: HTML, HTML5, CSS, CSS3, JavaScript, WordPress, Blogs, SEO Tools, Photoshop CC, Front-end Development, Front-end, Web Development, User Interface (UI), HTTP, HTTPS, jQuery, UI Development, API Integration, Pixel Perfect, Create React App, Auth0, ECMAScript (ES6), GitHub, SEO Marketing, Front-end Design, Search Engine Optimization (SEO), Responsive Design, Mantine

Experience

eCommerce Project: Front End

https://github.com/MoatasemEbrahim/simple-ecommerce-frontend_proShop

Developed a simple front-end project for an eCommerce web application using React and TypeScript. It includes main functionalities like authentication, listing products, adding products to the cart, and payment.

I built this project to have hands-on experience using the MERN stack for training purposes.

eCommerce Project: Back End

https://github.com/MoatasemEbrahim/simple-ecommerce-backend_proShop

Developed a simple back-end project for an eCommerce web application using Noje.js and TypeScript. It includes main functionalities like authentication, listing products, adding products to the cart, and payment.

I built this project to have hands-on experience using the MERN stack for training purposes.

Blog for an Advertising Agency

An educational blog built in two languages (Arabic and English), using a WordPress template to teach the audience and generate potential customers (advertisers) through a series of educational articles.

Migrating Google Universal Analytics to Google Analytics 4 for Immersify Website and Mobile Apps

An education platform and mobile application had to migrate to GA4 before Google stopped processing analytics events on universal analytics. I was in charge of persisting the old data in Google Universal Analytics and ensuring the migration process was done correctly on GA dashboards.

I exported the data with different dimensions and metrics into Google spreadsheets, then visualized them in Google Studio, so they would be visually available forever, even after Google Analytics deletes them.

Then, I went through different configurations to check goals, custom events, and custom dimensions (user properties).

Education

2018 - 2019

Specialization in Computer Science

Information Technology Institute (ITI) - Cairo, Egypt

2013 - 2018

Bachelor's Degree in Civil Engineering

Faculty of Engineering, Beni Suef University - Beni Suef, Egypt

Skills

Libraries/APIs

React, Formik, Yup, React Router, REST APIs, React Redux, Node.js, AG Grid, jQuery, Google Analytics API, Google Tag Manager API, React Query, Antd, Firebase Web SDK, Socket.IO, Lodash, Moment.js, Mantine

Tools

Git, Mongoose, Terminal, Jira, Confluence, GitLab, Figma, Google Analytics, Create React App, Trello, Sentry, Kibana, pgAdmin, NPM, Bitbucket, Webpack, NGINX, Photoshop CC, Zeplin, Microsoft Teams, Auth0, GitHub

Languages

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

Frameworks

Redux, Material UI, Next.js, Tailwind CSS, Bootstrap, Express.js, Spring Boot, Laravel, JSON Web Tokens (JWT), Swagger, Jest, Cypress, Yarn, Electron, NestJS, Ruby on Rails (RoR)

Paradigms

Agile, Search Engine Optimization (SEO), Testing, Unit Testing, Automated Testing, UX Design, UI Design, Database Design

Platforms

Firebase, Linux, Vercel, WordPress, Docker, Amazon Web Services (AWS), Contentful, MacOS, iOS

Storage

MongoDB, NoSQL, MySQL, PostgreSQL, Elasticsearch

Other

Axios, Front-end Development, Front-end, Web Development, Web App Development, APIs, Slack App, Estimations, UI Development, API Integration, Pixel Perfect, eCommerce, Front-end Design, Responsive Design, Debugging, UI Components, Figma to React, Software Engineering, Cookies, Styled-components, Agile Sprints, Sagas, Code Review, Google SEO, SEO Tools, Front-end Architecture, User Interface (UI), User Experience (UX), HTTP, HTTPS, Performance, WebSockets, Code Architecture, Google Analytics 4, Google Tag Manager, Full-stack, MERN Stack, Middleware, Analytics, Webhooks, Radix UI, Headless UI, Design Systems, FontAwesome, ClickUp, ESLint, Integration Testing, Localization, Internationalization, i18n, Blogs, Automated UI Testing, Lottie, Storybook, Full-stack Development, Back-end, CI/CD Pipelines, SEO Marketing, Planning, Critical Thinking, Analytical Thinking, Supabase, Vite, Web Components, Atomic Design, Web Analytics

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