Mahmoud is available for hire
Hire MahmoudMahmoud Bassam
Verified Expert in Engineering
Full-stack Developer
Amman, Amman Governorate, Jordan
Toptal member since October 3, 2022
Bio
Mahmoud has built web applications for 7 years, three of them through Toptal. He works across Angular, React, Vue, and Node.js, and takes a feature from the whole distance: from a Figma file to a component, from an endpoint to a database schema, and the tests around it. He spent two years on Suzy's market research platform without a single sprint carryover and has led development teams of up to ten engineers.
Portfolio
Aspire
Node.js, HTML, CSS, React, Redux, AngularJS, Problem Structuring...
Tabya
Angular, TypeScript, Node.js
Suzy, Inc.
Angular, HTML5, CSS, Angular Material, Tailwind CSS, Three.js...
Experience
- TypeScript - 7 years
- React - 7 years
- Node.js - 7 years
- Angular - 5 years
- Figma - 5 years
- Next.js - 5 years
- User Experience (UX) - 5 years
- User Interface (UI) - 5 years
Preferred Environment
Visual Studio Code (VS Code), Figma, GitHub, Bitbucket, Slack, Agile, Scrum, Web Development, Full-stack Development, Git
The most amazing...
...project: built generated marketing videos from spreadsheet leads. Owned every layer of it: the Figma design, the Vue front end, the Node.js API, and the schema.
Work Experience
Senior Full-stack Developer
2022 - PRESENT
Aspire
- Led a new development team across multiple client projects one month into the role, and have delivered for clients in consumer health, job marketplaces, and test automation since.
- Built the React admin template that the company now uses to start new client projects, replacing per-project rebuilds of the same screens.
- Built the design system a large jobs platform runs on, turning Figma into the components its other developers build from, plus the transactional emails that reach its users.
- Migrated a large legacy Java product into React and Next, carrying its logic across intact, and contributed to the Spring Boot services behind it.
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, Git, SCSS, Bootstrap, SQL Server Reporting Services (SSRS), JavaScript, Angular, TypeScript, 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, Performance, React Router, JSX, SQL, Auth0, Scss-lint, Web Development, HTML5, CSS3, DOM, Docker, React Hook Form, Server-side Rendering (SSR), Jest, Webpack, Payment Gateways, Architecture, MERN Stack, MongoDB Atlas, Amazon Web Services (AWS), 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, 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, Digital Platform Development, SaaS, Minimum Viable Product (MVP), Artificial Intelligence (AI), AI Programming, Code Review, Amazon S3 (AWS S3), Elasticsearch, Algolia, Redis, PostGIS, IndexedDB, Mapbox GL, API Gateways, OpenAPI, Swagger, AI Agents, Claude, Codex, Large Language Models (LLMs), Claude API, React Three Fiber (R3F), System Architecture, Cypress, React Testing Library, Cursor AI, Web Design, Website Design, Website Redesign, Websites, ChatGPT, Product Management, Problem Solving, Project Management, Lovable, AI Tools, Data Visualization, AI Integration, Vanilla JS, LLM Integration, Front-end Architecture, Software Design, CI/CD Pipelines
Senior Full-stack Developer
2025 - 2026
Tabya
- Built the internal and external products serving German customers and staff, owning each feature from the PostgreSQL schema through the GraphQL API to the Angular screens on top.
- Designed the database schemas and the Prisma models behind them, so the internal tools and the customer-facing product read from one consistent data layer.
- Worked across the full stack in TypeScript, from Node.js and GraphQL services down to PostgreSQL and up into the Angular and Ionic front ends.
Technologies: Angular, TypeScript, Node.js
Senior Angular Developer
2025 - 2026
Suzy, Inc.
- Returned to Suzy on a second engagement after the first contract closed, picking the platform back up with no ramp-up time.
- Delivered features end-to-end, from the Figma design through to the last detail of polish, on the core application that its internal teams run the platform with.
- Held the quality bar through a full release cycle, working with the team until every flow in it was ready to ship.
Technologies: Angular, HTML5, CSS, Angular Material, Tailwind CSS, Three.js, Digital Platform Development, Google Cloud, SaaS, Minimum Viable Product (MVP), PostgreSQL, Claude Code, Artificial Intelligence (AI), AI Programming, Code Review, Amazon S3 (AWS S3), Elasticsearch, Algolia, Redis, PostGIS, IndexedDB, Mapbox GL, Express.js, API Gateways, OpenAPI, Swagger, AI Agents, Claude, Codex, Large Language Models (LLMs), Claude API, React Three Fiber (R3F), System Architecture, Cypress, React Testing Library, Cursor AI, Web Design, Website Design, Website Redesign, Websites, ChatGPT, Product Management, Problem Solving, Project Management, Lovable, AI Tools, Data Visualization, AI Integration, Vanilla JS, LLM Integration, Front-end Architecture, Software Design
Full-stack Developer
2024 - 2025
ZENTIS LTD
- Built the feature that generates marketing videos from spreadsheet leads, owning it end-to-end: the Figma design, the Vue front end, the Node.js API, and the MongoDB schema changes underneath.
- Wrote the end-to-end test suite for that work in Cypress with Cucumber and Gherkin, so the flows it covered stopped regressing between releases.
- Turned around urgent production bugs alongside feature work, keeping the customer-facing product releasable throughout a two-month engagement.
Technologies: TypeScript, MongoDB, Node.js, Vue, Pinia, React Query, Chakra UI, D3.js, Vite, NoSQL, Back-end, JSON, React Email, Shadcn, Digital Platform Development, SaaS, Minimum Viable Product (MVP), PostgreSQL, Claude Code, Supabase, Artificial Intelligence (AI), AI Programming, Code Review, Amazon S3 (AWS S3), Elasticsearch, Algolia, Redis, PostGIS, IndexedDB, Mapbox GL, Express.js, API Gateways, OpenAPI, Swagger, AI Agents, Claude, Large Language Models (LLMs), Claude API, React Three Fiber (R3F), System Architecture, Cypress, React Testing Library, Cursor AI, Web Design, Website Design, Website Redesign, Websites, Web Development, ChatGPT, Product Management, Problem Solving, Project Management, Lovable, AI Tools, Data Visualization, AI Integration, Vanilla JS, LLM Integration, Front-end Architecture, Software Design
Front-end Developer
2023 - 2024
Nadsoft
- Built the chat system for the product's first MVP, both the interface and the logic underneath it.
- Built the meeting summary interface and the logic behind it, taking the feature from an empty screen to a working part of the MVP.
- Worked in React and Tailwind on the front end against a Node.js and TypeScript back end, delivering both features into the first release.
Technologies: React, TypeScript, Node.js
Senior Angular Developer
2022 - 2024
Suzy, Inc.
- Delivered two years of sprints on Suzy's market research platform without a single carryover, across a codebase used by its enterprise customers and its own internal teams.
- Built the design system that later carried across several of the company's products, turning Figma into the Angular components that the rest of the team assembled screens from.
- Cut the team's test and build times and wrote the API documentation they were missing, work nobody assigned, but everybody was slowed down by.
- Set changes to the sprint cycle that the team adopted, and drove UI corrections with the design team that shipped into the product.
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, 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, Digital Platform Development, Google Cloud, SaaS, Minimum Viable Product (MVP), Claude Code, Artificial Intelligence (AI), AI Programming, Code Review, Amazon S3 (AWS S3), Elasticsearch, Algolia, Redis, PostGIS, IndexedDB, Mapbox GL, Express.js, API Gateways, OpenAPI, Swagger, Claude, Large Language Models (LLMs), Claude API, System Architecture, Cypress, React Testing Library, Cursor AI, Web Design, Website Design, Website Redesign, Websites, Web Development, ChatGPT, Product Management, Problem Solving, Project Management, Lovable, AI Tools, Data Visualization, AI Integration, Vanilla JS, LLM Integration, Front-end Architecture, Software Design
Front-end Developer
2021 - 2023
Gate Tech
- Built a software asset management platform in Angular, covering contracts, procurement, licenses, devices, vendors, cost centers, and purchasing as one system rather than a set of separate tools.
- Designed the UI kit that the whole product was assembled from, so its modules shared one set of components, and the team stopped rebuilding the same controls screen by screen.
- Implemented the license matrix and the access control layer, so each role saw only the assets, cost centers, and actions it was entitled to.
Technologies: Angular, TypeScript, Sass
Front-end Engineer
2021 - 2022
AppsWave
- Designed and built sites for government clients across the Gulf, running four applications at once and delivering all four.
- Set the coding standards the team adopted, replacing per-developer conventions with ones that the whole codebase follows.
- Worked on site with those clients to settle what they actually needed before anything was built, and drove the design decisions behind it.
Technologies: jQuery, HTML, JavaScript, Agile, Scrum, Full-stack Development, Full-stack, Front-end, Visual Studio Code (VS Code), Slack, Figma, Chrome, GitHub, Bitbucket, Databases, Data Structures, Algorithms, 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, 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, Performance, React Router, JSX, SQL, Scss-lint, Web Development, HTML5, CSS3, jQuery UI, DOM, React Hook Form, Server-side Rendering (SSR), Jest, Webpack, Payment Gateways, Architecture, MERN Stack, MongoDB Atlas, Amazon Web Services (AWS), 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, Digital Platform Development, SaaS, Minimum Viable Product (MVP), Claude Code, Code Review, Elasticsearch, Algolia, Redis, PostGIS, IndexedDB, Mapbox GL, API Gateways, React Testing Library, Cursor AI, Web Design, Website Design, Website Redesign, Websites, ChatGPT, Problem Solving, Project Management, Lovable, Vanilla JS, LLM Integration, Front-end Architecture, Software Design
Front-end Developer
2019 - 2021
Abilitiez
- Built MVP features for a planned product end-to-end, from the Figma mockups through to a reusable component set that the team assembled the rest of the screens from.
- Wrote REST APIs in Node.js and Express against MySQL alongside the back-end team, so front-end work was never blocked waiting on endpoints.
- Restructured parts of the codebase that the team was slowed down by, and ran the team lead's responsibilities whenever they were away.
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, Node.js, JavaScript, Agile, Scrum, Angular, TypeScript, Problem Structuring, User Experience (UX), User Interface (UI), Express.js, 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, Performance, React Admin, React Router, JSX, Redux Persist, SQL, Scss-lint, Web Development, HTML5, CSS3, DOM, Server-side Rendering (SSR), Jest, Webpack, Architecture, MERN Stack, MongoDB Atlas, 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, SaaS, Minimum Viable Product (MVP), Code Review, Redis, IndexedDB, Mapbox GL, API Gateways, Web Design, Website Redesign, Websites, Problem Solving, Vanilla JS
Experience
Pitchlane
http://www.pitchlane.ioA MEVN stack project leveraging AI to generate marketing videos based on lead 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.
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.
Suzy
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.
SAM Gate
https://sam-gate.com/SAM Gate is a system designed to manage all software assets within an 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 for 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 in Figma to hitting the final REST API call to the server.
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 in Figma to hitting the final REST API call to the server.
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,
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.
Ejaz AI
https://ejaz.ai/Ejaz is an AI meeting assistant for Arabic-speaking teams. It records each session, transcribes speech across a range of Arabic dialects, including mixed-in English terminology, and turns the meeting into something the team can read back afterward. I built the chat system and the meeting-summary interface for its first MVP, along with the logic for both, in React and Tailwind, with a Node.js and TypeScript back end.
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, React Testing Library, Vue, NgRx, Back-end APIs, Google Calendar API, React Hook Form, Vue 3, React Query, D3.js, Three.js, AngularUI, RxJS, React Router, Redux Persist, Auth0 API, jQuery UI, OpenAI API, Stripe, Stripe API, Mapbox GL, OpenAPI, Claude API
Tools
Git, Claude Code, Slack, Figma, MySQL Workbench, GitHub, Bitbucket, Redux Thunk, Jira, MongoDB Atlas, React Email, Shadcn, Claude, ChatGPT, pgAdmin, Mongoose, Sequelize, Angular Universal, Firebase Authentication, Angular CLI, SassDoc, JSX, Auth0, AngularFire, Webpack, Codex
Languages
HTML, CSS, SCSS, JavaScript, TypeScript, Semantic HTML, ES7, JavaScript 6, Sass, HTML5, TypeScript 3, GraphQL, SQL, CSS3
Frameworks
Chrome, Bootstrap, Redux, Angular, Express.js, Material UI, Next.js, Tailwind CSS, Vanilla JS, Angular Material, Foundation CSS, Jest, NestJS, Swagger, Cypress, AngularJS
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), Amazon Web Services (AWS), Firebase, Docker, Google Cloud Platform (GCP), Algolia
Storage
JSON, MongoDB, PostgreSQL, Databases, SQL Server Reporting Services (SSRS), MySQL, NoSQL, Amazon S3 (AWS S3), Redis, PostGIS, PostgreSQL 10, Google Cloud, Elasticsearch, IndexedDB
Industry Expertise
Web Design, Project Management
Other
Axios, User Experience (UX), User Interface (UI), Dom Manipulation, ES6 Promises, Async/Await, Ajax, Full-stack Development, Front-end, Web Development, MERN Stack, Web Applications, Tailwind UI, Figma to React, Front-end Development, UI Development, Web App Development, Back-end, SaaS, Minimum Viable Product (MVP), Code Review, System Architecture, Cursor AI, Website Design, Website Redesign, Websites, Problem Solving, AI Tools, Front-end Architecture, Software Design, Data Structures, Algorithms, Material Design, Problem Structuring, Team Leadership, CSS Grid, CSS3 Animation, Progressive Web Applications (PWAs), UI Animation, Authentication, eCommerce, APIs, 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, Digital Platform Development, Artificial Intelligence (AI), AI Programming, API Gateways, Large Language Models (LLMs), CI/CD Pipelines, Product Management, Lovable, Data Visualization, AI Integration, LLM Integration, OOP Designs, Content Management, SDK Development, Open Source, Firebase Hosting, Wireframing, Layout Design, HTTP, Streaming, Performance, React Admin, Scss-lint, DOM, Web Video, OpenAI, Atomic Design, Headless UI, Supabase, AI Agents, React Three Fiber (R3F)
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