Mahmoud is available for hire

Mahmoud Bassam

Verified Expert in Engineering

Full-stack Developer

Amman, Amman Governorate, Jordan

Toptal member since October 3, 2022

Expertise

Front-end Web Development Back-end Developers MERN Stack AJAX CSS Redux Node.js Angular TypeScript Next.js React.js HTML5 JSON Tailwind CSS

Bio

Mahmoud is a skilled full-stack developer with expertise in React and Angular, building dynamic, responsive web apps. His experience spans eCommerce, SaaS, software asset management, and social media platforms. Proficient in Agile and Scrum, Mahmoud ensures seamless project execution and excels in source control practices, fostering efficient collaboration. He is committed to delivering high-performance, scalable solutions using modern technologies.

Portfolio

Aspire

Node.js, HTML, CSS, React, Redux, AngularJS, Problem Structuring...

ZENTIS LTD

TypeScript, MongoDB, Node.js, Vue, Pinia, React Query, Chakra UI, D3.js, Vite...

Suzy, Inc.

Angular, HTML5, CSS, RxJS, Angular Material, Tailwind CSS, Web Video, Storybook...

Experience

Node.js - 5 years
Angular - 5 years
TypeScript - 5 years
User Experience (UX) - 5 years
User Interface (UI) - 5 years
Next.js - 5 years
Figma - 5 years
React - 5 years

Availability

Part-time

Preferred Environment

Visual Studio Code (VS Code), Figma, GitHub, Bitbucket, Slack, Agile, Scrum, Web Development, Full-stack Development, Git

The most amazing...

...project I've developed was a market research platform where I provided new features, fixed bugs, and built a reusable UI kit leveraging my Angular experience.

Work Experience

Software Engineer

2022 - PRESENT

Aspire

Directed a new development team on multiple projects starting only one month after my employment.
Developed a custom, well-built React admin template for the team to use on different projects.
Helped enhance the design process and deliverables for numerous projects.

Technologies: Node.js, HTML, CSS, React, Redux, AngularJS, Problem Structuring, Team Leadership, User Experience (UX), User Interface (UI), PostgreSQL, MongoDB, Agile, Scrum, Express.js, Axios, REST APIs, Web API, APIs, Full-stack, Front-end, Visual Studio Code (VS Code), Slack, Figma, Chrome, MySQL Workbench, pgAdmin, GitHub, Bitbucket, Databases, Data Structures, Algorithms, OOP Designs, Git, SCSS, Bootstrap, SQL Server Reporting Services (SSRS), JavaScript, Angular, TypeScript, CSS4, HTML4, Redux-Actions, Material UI, CSS Grid, Flexbox, CSS3 Animation, Semantic HTML, Dom Manipulation, ES6 Promises, Async/Await, Asynchronous Development, ES7, MySQL, PostgreSQL 10, Mongoose, Ajax, Next.js, UI Animation, JavaScript 6, Sass, Authentication, eCommerce, Responsive Web Design (RWD), UI Design, UX Design, REST, Jira, RxJS, Design Patterns, AJAX.OOP, Performance, React Router, JSX, SQL, Sequalize, Auth0, Scss-lint, Web Development, HTML5, CSS3, DOM, Business Opportunity Meeting (BOM), Docker, React Hook Form, Server-side Rendering (SSR), Jest, Webpack, Payment Gateways, Architecture, MERN Stack, MongoDB Atlas, Amazon Web Services (AWS), Kubernetes, Google Cloud Platform (GCP), Tailwind CSS, OAuth, OpenAI, Web Applications, Unit Testing, Stripe API, Back-end APIs, Back-end Development, Google Calendar API, Design, Design Systems, API Design, Pattern Design, User Experience Design, Graphical User Interface (GUI), OpenAI API, Stripe, API Integration, Tailwind UI, NestJS, Figma to React, Caching, Lazy Loading, Flutter, UI Components, Atomic Design, Headless UI, Front-end Development, UI Development, Web App Development, Vue 3, Application State Management, React Query, Chakra UI, D3.js, Vite, NoSQL, Back-end, JSON, React Email, Shadcn

Full-stack Developer

2024 - 2025

ZENTIS LTD

Developed an entire feature, starting from Figma designs and going through BE changes until getting into DB schema updates. This feature was about generating videos based on Excel leads.
Learned and used Cucumber, Gherkin, and Cypress to write E2E tests for my work.
Provided the team with quick and urgent bug fixes while I was working on my features.

Technologies: TypeScript, MongoDB, Node.js, Vue, Pinia, React Query, Chakra UI, D3.js, Vite, NoSQL, Back-end, JSON, React Email, Shadcn

Senior Angular Developer

2022 - 2024

Suzy, Inc.

Delivered tasks on time and never had a carryover for two years.
Solved complex issues that were beyond code, such as speeding up test and build commands and providing documentation on how to use some APIs.
Suggested approaches and methods to make the development cycle faster throughout our sprint. Most of the suggestions were applied by the manager.
Helped the UI/UX team with some suggestions and adjustments to the UI, most of which were applied by the design manager.

Technologies: Angular, HTML5, CSS, RxJS, Angular Material, Tailwind CSS, Web Video, Storybook, Foundation CSS, Figma, Server-side Rendering (SSR), Jest, Webpack, Architecture, MERN Stack, MongoDB Atlas, Kubernetes, Google Cloud Platform (GCP), OAuth, OpenAI, Web Applications, Unit Testing, Back-end APIs, Back-end Development, Design, Video APIs, Design Systems, API Design, Pattern Design, User Experience Design, Graphical User Interface (GUI), API Integration, Tailwind UI, NestJS, Figma to React, Caching, Lazy Loading, UI Components, Atomic Design, Headless UI, Front-end Development, UI Development, Web App Development, Vue 3, Application State Management, React Query, Chakra UI, D3.js, Vite, NoSQL, Back-end, JSON, React Email, Shadcn

Front-end Engineer

2021 - 2022

AppsWave

Developed and delivered four applications working on them simultaneously.
Introduced new coding standards and approaches to help the team improve the coding.
Provided solutions for numerous clients, as my services were in high demand due to the work efficiency.

Technologies: jQuery, HTML, CSS4, JavaScript, Agile, Scrum, Full-stack Development, Full-stack, Front-end, Visual Studio Code (VS Code), Slack, Figma, Chrome, GitHub, Bitbucket, Databases, Data Structures, Algorithms, OOP Designs, CSS, Git, Axios, SCSS, Bootstrap, SQL Server Reporting Services (SSRS), Redux, Web API, Angular, TypeScript, Problem Structuring, User Experience (UX), User Interface (UI), Express.js, HTML4, Redux-Actions, Material UI, CSS Grid, Flexbox, CSS3 Animation, Semantic HTML, TypeScript 3, Dom Manipulation, ES6 Promises, Async/Await, Asynchronous Development, ES7, Progressive Web Applications (PWAs), Ajax, Next.js, UI Animation, React, JavaScript 6, REST APIs, Sass, Authentication, eCommerce, Responsive Web Design (RWD), UI Design, UX Design, REST, Jira, RxJS, Design Patterns, AJAX.OOP, Performance, React Router, JSX, SQL, Scss-lint, Web Development, HTML5, CSS3, jQuery UI, DOM, Business Opportunity Meeting (BOM), React Hook Form, Server-side Rendering (SSR), Jest, Webpack, Payment Gateways, Architecture, MERN Stack, MongoDB Atlas, Amazon Web Services (AWS), Kubernetes, Google Cloud Platform (GCP), Tailwind CSS, OAuth, OpenAI, Web Applications, Unit Testing, Back-end APIs, Back-end Development, Design, API Design, Pattern Design, User Experience Design, Graphical User Interface (GUI), API Integration, Tailwind UI, NestJS, Figma to React, Caching, Lazy Loading, UI Components, Atomic Design, Headless UI, Front-end Development, UI Development, Web App Development, Application State Management, React Query, Chakra UI, D3.js, Vite, NoSQL, Back-end, JSON, React Email, Shadcn

Front-end Developer

2020 - 2021

Technology Architecture

Managed the development of the entire application.
Developed new approaches to build pages and components faster.
Enhanced the code to make the application run much quicker.

Technologies: Angular, TypeScript, JavaScript, HTML, CSS, Material Design, Angular Material, Full-stack Development, Full-stack, Front-end, Visual Studio Code (VS Code), Slack, Figma, Chrome, GitHub, Bitbucket, Databases, Data Structures, Algorithms, OOP Designs, Git, Axios, SCSS, Bootstrap, SQL Server Reporting Services (SSRS), Redux, Web API, Agile, Scrum, CSS4, Problem Structuring, User Experience (UX), User Interface (UI), Express.js, HTML4, Redux-Actions, Material UI, CSS Grid, Flexbox, CSS3 Animation, Semantic HTML, TypeScript 3, NgRx, Dom Manipulation, ES6 Promises, Async/Await, Asynchronous Development, ES7, Sequelize, Ajax, Angular Universal, UI Animation, React, JavaScript 6, REST APIs, Sass, Authentication, eCommerce, Responsive Web Design (RWD), UI Design, UX Design, REST, Jira, RxJS, Design Patterns, AJAX.OOP, Performance, React Router, SQL, Scss-lint, AngularFire, Web Development, HTML5, CSS3, DOM, Business Opportunity Meeting (BOM), React Hook Form, Server-side Rendering (SSR), Jest, Webpack, Payment Gateways, Architecture, MERN Stack, MongoDB Atlas, Amazon Web Services (AWS), Kubernetes, Google Cloud Platform (GCP), Tailwind CSS, OAuth, OpenAI, Web Applications, Unit Testing, Back-end APIs, Back-end Development, Design, API Design, Pattern Design, User Experience Design, Graphical User Interface (GUI), API Integration, Tailwind UI, NestJS, Figma to React, Caching, Lazy Loading, Flutter, UI Components, Atomic Design, Headless UI, Front-end Development, UI Development, Web App Development, Application State Management, React Query, Chakra UI, D3.js, Vite, NoSQL, Back-end, JSON

Software Developer

2020 - 2021

Madain Corp

Built a WebView mobile application using Apache Cordova.
Fixed the application-level bugs, saving the open-source software development kit (SDK).
Introduced new details on the SDK level to make the code clean for everyone.

Technologies: Node.js, React, JavaScript, HTML, CSS, Content Management, Agile, Scrum, Mobile Development, SDK Development, Open Source, Full-stack Development, Full-stack, Front-end, Visual Studio Code (VS Code), Slack, Figma, Chrome, GitHub, Bitbucket, Databases, Data Structures, Algorithms, OOP Designs, Git, Axios, SCSS, Bootstrap, SQL Server Reporting Services (SSRS), Redux, Web API, Angular, TypeScript, CSS4, Problem Structuring, User Experience (UX), User Interface (UI), Express.js, HTML4, Redux-Actions, Material UI, CSS Grid, Flexbox, CSS3 Animation, Semantic HTML, Dom Manipulation, ES6 Promises, Async/Await, Asynchronous Development, ES7, MySQL, Ajax, React Native, UI Animation, JavaScript 6, REST APIs, Sass, Authentication, eCommerce, Responsive Web Design (RWD), UI Design, UX Design, REST, Jira, RxJS, AngularJS, Design Patterns, AJAX.OOP, Performance, React Router, JSX, SQL, Sequalize, Scss-lint, Web Development, HTML5, CSS3, DOM, Business Opportunity Meeting (BOM), Server-side Rendering (SSR), Webpack, Payment Gateways, Architecture, MERN Stack, MongoDB Atlas, Kubernetes, Google Cloud Platform (GCP), OAuth, Web Applications, Unit Testing, Back-end APIs, Back-end Development, Design, Pattern Design, User Experience Design, Graphical User Interface (GUI), API Integration, NestJS, Figma to React, Caching, Lazy Loading, UI Components, Atomic Design, Headless UI, Front-end Development, UI Development, Web App Development, Application State Management, React Query, Chakra UI, D3.js, Vite, NoSQL, Back-end, JSON

Junior Front-end Developer

2019 - 2021

Abilitiez

Participated in the pages building process, from discussing the requirements to writing the code's last letter.
Helped the team lead to enhance the code structure by suggesting new approaches.
Performed the tasks of the team lead in their absence.

Technologies: React, HTML, CSS, Git, Bitbucket, Axios, SCSS, Bootstrap, SQL Server Reporting Services (SSRS), Redux, Redux Thunk, Web API, REST APIs, APIs, Full-stack Development, Full-stack, Front-end, Visual Studio Code (VS Code), Slack, Figma, Chrome, MySQL Workbench, GitHub, Databases, Data Structures, Algorithms, OOP Designs, Node.js, JavaScript, Agile, Scrum, Angular, TypeScript, CSS4, Problem Structuring, User Experience (UX), User Interface (UI), Express.js, HTML4, Redux-Actions, Material UI, CSS Grid, Flexbox, CSS3 Animation, Semantic HTML, Vue, TypeScript 3, Dom Manipulation, ES6 Promises, Async/Await, Asynchronous Development, ES7, Progressive Web Applications (PWAs), MySQL, Sequelize, Ajax, Next.js, GraphQL, Firebase, Firebase Hosting, Firebase Authentication, Wireframing, UI Animation, JavaScript 6, Sass, Authentication, eCommerce, Responsive Web Design (RWD), UI Design, UX Design, REST, Jira, RxJS, Design Patterns, AJAX.OOP, Performance, React Admin, React Router, JSX, Redux Persist, SQL, Sequalize, Scss-lint, Web Development, HTML5, CSS3, DOM, Business Opportunity Meeting (BOM), Server-side Rendering (SSR), Jest, Webpack, Architecture, MERN Stack, MongoDB Atlas, Kubernetes, Google Cloud Platform (GCP), Tailwind CSS, OAuth, Web Applications, Back-end APIs, Back-end Development, Design, Pattern Design, User Experience Design, Graphical User Interface (GUI), API Integration, Figma to React, Caching, Lazy Loading, Atomic Design, Headless UI, Front-end Development, UI Development, Web App Development, React Query, Chakra UI, D3.js, Vite, NoSQL, Back-end, JSON

Experience

A MEVN Stack Project

http://www.pitchlane.io

A MEVN stack project leveraging AI to generate marketing videos based on leads data.

In that project, I was responsible for building and maintaining features using Vue, Node.js, Express, and MongoDB and applying pixel-perfect designs from Figma.

Market Research Platform

An Angular-based market research platform designed to bridge buyers and sellers, enabling feedback collection and action based on insights. My role focused on the core application used by internal teams to manage the platform, where I developed new features and implemented critical bug fixes. By enhancing the user interface and improving functionality, I helped streamline the platform’s operations and provided tools for efficient control and decision-making.

Papers

https://papers2-b1e21.firebaseapp.com

Papers is a book rating and exploration app. Users can search for books, check the reviews, add their reviews, rate the book, and add to their library in the want-to-read, read, or currently reading categories. They can search for authors and see those books, rate the authors, and check the most popular quotes. Users will also be able to search for books by genre and obtain similar types and stories to the books searched. As an admin, you can add books, authors, and quotes and manage the users.

The project build stack is:
Angular + 2
Firebase

Plus Fit

Plus FIT is a sportswear store that gives you the products you need to play your favorite sport. Users can look for different categories, such as lowers, uppers, shoes, and accessories. Users can also look for different types of products and filters based on each product's price and attributes.

The project build stack is:
React
Node.js
ExpressJS
MySQL

SAM Gate

https://drive.google.com/drive/folders/12tDHRQV91kYG-N1ZtEaNsELX88Y62JoZ?usp=sharing

SAM Gate is a system built to solve the problem of managing all the software assets in some entity. Using this system, you can manage your entity's assets and add new users and roles. Each user role has its own permissions. You can also operate cost centers, license expansion plans, set new point rules, and more. This project was the best in its field in the country in terms of performance and user experience.

The project build stack is:
Angular +2
C#
.NET Core
SQL Server

I was the first and last person responsible for the front end of this project, from designing the whole system on Figma to hitting the last REST API to the server.

Bezaz

Bezaz is an admin dashboard built to manage the food delivery process from the restaurant to the customer. In this system, you can have different roles, and each role can give you specific permission to deal with the system in another way. As an admin, you can add drivers, restaurants, locations, and customers and deal with the ACL in the system. As a driver, you can see your orders, the history of your orders, contact restaurants, and much more. Also, you can have a restaurant role to deal with your recipes, drivers, branches, locations, and deliveries. You can also track the drivers by location if you're a restaurant or an admin.

The project build stack is:
Angular +2
Node.js
ExpressJS
MySQL

CBS (Cloud Broker Service)

CBS is a SaaS (Software as a Service) system designed using the B2B (business to business) approach to building eCommerce applications. In this app, you can add your product, whether a service (software) or a stock product, to the global market and buy products or subscribe to services. This app has multiple roles: user, vendor, product vendor, and admin. Each role gives you some different permission to interact with the system.

The project build stack is:
Angular +2
Node.js
ExpressJS
MySQL

opTube Admin

https://drive.google.com/drive/folders/1c5YyJLQlYJzjDqwLhjHM8_2yUXutQxx3?usp=sharing

opTube admin is an admin dashboard system build to manage a TikTok-like app. In this app, you can have multiple user roles, such as admin or super admin. Based on your role, you can see videos, songs, users, reports, orders for coins, posts, comments, and replies, and you can manage those modules based on your role.

The project build stack is:
React
TypeScript
Java
SpringBoot
Microservices
MySQL

Ticketak Admin

Ticektack admin is an admin dashboard built to manage events and the ticket booking system. In this project, you have only one role, which is super admin. Users, locations, events, tickets, dress codes, and lookups can be checked.

The project build stack is:
React
Node.js
ExpressJS
PostgreSQL

National Library and Archives

National Archives is a website built to represent the archives and the history of the United Arab Emirates country, managed by the UAE government. In this project, users can find books, articles, videos, or live lectures to have more information about UAE's history.

This project was built using HTML, CSS, and JQuery,

Hevolution Foundation

https://hevolution.com/

Hevolution Foundation is a website representing the identity of the Hevolution Foundation organization that supports healthy aging and curing diseases. This website provides information on healthy and unhealthy aging, statistics about diseases and cures, and much more.

Education

2016 - 2021

Bachelor's Degree in Computer Engineering

Al-Balqa' Applied University - Al-Salt, Jordan

Certifications

DECEMBER 2021 - PRESENT

Liferay DXP Front-end Developer

Liferay

Skills

Libraries/APIs

Web API, REST APIs, Node.js, jQuery, Redux-Actions, Flexbox, React, Vue, NgRx, Back-end APIs, Google Calendar API, React Hook Form, Vue 3, React Query, D3.js, AngularUI, RxJS, React Router, Redux Persist, Auth0 API, jQuery UI, OpenAI API, Stripe, Stripe API

Tools

Git, Slack, Figma, MySQL Workbench, GitHub, Bitbucket, Redux Thunk, Jira, MongoDB Atlas, React Email, Shadcn, pgAdmin, Mongoose, Sequelize, Angular Universal, Firebase Authentication, Angular CLI, SassDoc, JSX, Auth0, AngularFire, Webpack

Languages

HTML, CSS, SCSS, JavaScript, TypeScript, CSS4, HTML4, Semantic HTML, ES7, JavaScript 6, Sass, HTML5, TypeScript 3, GraphQL, SQL, CSS3

Frameworks

Chrome, Bootstrap, Redux, Angular, Material UI, Next.js, Tailwind CSS, Angular Material, Express.js, Foundation CSS, Jest, NestJS, AngularJS, React Native, AJAX.OOP, Flutter

Paradigms

Asynchronous Development, Responsive Web Design (RWD), UI Design, UX Design, REST, Unit Testing, Agile, Scrum, Mobile Development, Design Patterns

Platforms

Visual Studio Code (VS Code), Firebase, Docker, Amazon Web Services (AWS), Kubernetes, Google Cloud Platform (GCP)

Storage

JSON, MongoDB, Databases, SQL Server Reporting Services (SSRS), MySQL, NoSQL, PostgreSQL, PostgreSQL 10

Other

Axios, User Interface (UI), Dom Manipulation, ES6 Promises, Async/Await, Ajax, Front-end, MERN Stack, Web Applications, Tailwind UI, Figma to React, Front-end Development, UI Development, Web App Development, Back-end, Data Structures, Algorithms, OOP Designs, Material Design, Problem Structuring, Team Leadership, User Experience (UX), CSS Grid, CSS3 Animation, Progressive Web Applications (PWAs), UI Animation, Authentication, eCommerce, APIs, Full-stack Development, Full-stack, API Integration, Back-end Development, Design, Video APIs, Payment Gateways, Design Systems, Storybook, API Design, Pattern Design, User Experience Design, Graphical User Interface (GUI), Server-side Rendering (SSR), Architecture, OAuth, Caching, Lazy Loading, UI Components, Application State Management, Pinia, Chakra UI, Vite, Content Management, SDK Development, Open Source, Firebase Hosting, Wireframing, Layout Design, HTTP, Streaming, Performance, React Admin, Admin Support, Sequalize, Scss-lint, Web Development, DOM, Business Opportunity Meeting (BOM), Web Video, OpenAI, Atomic Design, Headless UI

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