Abdul is currently unavailable
Abdul Mutaal Azhar
Verified Expert in Engineering
Software Developer
Redmond, WA, United States
Toptal member since November 7, 2022
Bio
Abdul is a software engineer vastly experienced in the JavaScript and TypeScript frameworks, React, Next.js, and Node.js. He has worked with big corporations, remote-first companies, and startups, which strengthened his work ethic and made him experienced in various cultures. Abdul is interested in working with remote clients on exciting projects where he can bring strategic vision and leadership to his work.
Portfolio
Customer Portal
Agile Product Delivery, B2B, Axios, Bootstrap, Collaboration, Context API...
Qisstpay
JavaScript, TypeScript, React, Next.js, Material UI, Styled-components, Redux...
Fintech Millenium
Stripe, Web UX
Experience
- React - 5 years
- Next.js - 5 years
- Web Development - 4 years
- JavaScript - 4 years
- TypeScript - 4 years
- Programming - 4 years
- Redux - 4 years
- Salesforce Commerce Cloud - 3 years
Preferred Environment
React, Next.js, TypeScript, Redux, Express.js, Bootstrap, HTML5, CSS3, Node.js, CSS
The most amazing...
...project I've developed is the most efficient checkout solution for eCommerce businesses worldwide—enabling customers to buy products in just one click.
Work Experience
Lead Front-end Developer
2021 - PRESENT
Customer Portal
- Developed an app that monitors customer purchases, return and refund, shipping and billing addresses, payment method, wallet management, and customer support.
- Tracked and fixed bugs using Jira management tool.
- Completed and launched the product successfully, with more than 5,000 people currently using the product.
- Worked on an Excel spreadsheet functionality that included export, import, read/write, and upload to an Amazon S3 bucket.
Technologies: Agile Product Delivery, B2B, Axios, Bootstrap, Collaboration, Context API, Contentful, Continuous Delivery (CD), Continuous Integration (CI), CSS, CSS3, Cypress, Deployment, Design, eCommerce, eCommerce UI, Facebook Pixel, Fintech, React, Next.js, JavaScript, TypeScript, Server-side Rendering (SSR), GitLab CI/CD, Mobile Apps, Charts, Data Visualization, Interactive Maps, Interactive UI, Figma, JavaScript Testing, Firebase Authentication, Behavior-driven Design, Behavior-driven Development (BDD), SQL, Webpack, Sass, MongoDB, Animation, APIs, Requirements, Search Engines, UI Animation, Headless Software, REST APIs, Bitbucket, MVC Frameworks, Git, User Experience (UX), Gatsby, Responsive Design, Vanilla JS, Virtual DOM, REST, GitHub, Slack, Apollo, API Integration, Leadership, Team Leadership, Technical Architecture, Startups, Web Scraping, Stripe API, Application State Management, Reusable Libraries, Chart.js, Mobile Web, ECMAScript (ES6), Acceptance Testing, Continuous Deployment, Test-driven Deployment, Unit Testing, Chrome Extensions, UI Design, Web UI, Web UX, React Router, React Query
Senior Software Engineer
2021 - PRESENT
Qisstpay
- Led a team of young front-end developers and provided Jira training to manage new ideas.
- Collaborated with the back-end team that converted a monolithic architecture into a microservice architecture.
- Built Pakistan's first-ever buy-now-pay-later solution that has enrolled more than 3,000 clients.
- Created the most efficient checkout solution for eCommerce businesses worldwide with 10,000 orders.
- Refactored the front-end applications by adding state management, Context, and Redux, converting JavaScript into TypeScript, and writing unit test cases in Jest and Cypress.
Technologies: JavaScript, TypeScript, React, Next.js, Material UI, Styled-components, Redux, Context API, Bootstrap, HTML, CSS3, Modular CSS, User Interface (UI), Collaboration, Real-time Data, Front-end, CSS, Node.js, HTML5, Continuous Integration (CI), Continuous Delivery (CD), Deployment, eCommerce UI, eCommerce, Tailwind CSS, jQuery, Axios, GraphQL, Marketplace Platforms, B2B, Contentful, Fintech, SaaS, Design, React Redux, Agile Product Delivery, Firebase, Server-side Rendering (SSR), CI/CD Pipelines, GitLab CI/CD, Charts, Data Visualization, Interactive Maps, Interactive UI, Figma, JavaScript Testing, Firebase Authentication, Behavior-driven Design, Behavior-driven Development (BDD), Webpack, MongoDB, Animation, APIs, Requirements, Search Engines, UI Animation, Headless Software, REST APIs, Bitbucket, Git, User Experience (UX), Responsive Design, Vanilla JS, Virtual DOM, REST, GitHub, Slack, API Integration, Startups, Web Scraping, Application State Management, Reusable Libraries, Chart.js, Mobile Web, ECMAScript (ES6), Acceptance Testing, UI Design, Web UI, Web UX, React Router, React Query
Mobile Application Developer
2023 - 2023
Fintech Millenium
- Communicated with the client on retrieving lost code and analyzing code authenticity.
- Researched and understood the Cordova codebase to identify the bugs.
- Gained knowledge on the use cases and business requirements of the finance application.
Technologies: Stripe, Web UX
eCommerce Developer
2023 - 2023
Self Care
- Tracked and fixed bugs using Notion as a reporting tool.
- Communicated with the ads and marketing team to understand data related to analytics.
- Integrated Meta Pixel and Google Analytics, resulting in more than 100 orders placed.
Technologies: Facebook Pixel, eCommerce, Headless Commerce, Web UI
Vue Developer
2021 - 2022
QisstPay
- Developed an app using Vue that helps merchants view any data related to their eCommerce business (e.g., orders, payments, customers, and analytics).
- Tracked and fixed bugs using Jira as a reporting tool.
- Provided A/B testing to merchants, enabling different checkout designs, seeing each design's performance, and selecting the best-performing one.
Technologies: Front-end, A/B Testing, JavaScript, CSS, Bootstrap, HTML, HTML5, CSS3, REST APIs, REST, GitHub, Slack, Content Management Systems (CMS), Application State Management, Reusable Libraries, Chart.js, ECMAScript (ES6), Web UI, Web UX, React Query
Intermediate Software Engineer
2020 - 2021
OSF Digital
- Led the support and maintenance of the eCommerce project.
- Tracked and fixed bugs regarding issues with placing orders and returning orders on the website, using Jira as a reporting tool.
- Refactored and redesigned the website using React on the front end and Salesforce Commerce Cloud on the back end.
Technologies: React, Next.js, Salesforce Commerce Cloud, TypeScript, JavaScript, Material UI, GraphQL, Axios, HTML, jQuery, CSS3, Bootstrap, Modular CSS, Tailwind CSS, Redux, Context API, Cypress, User Interface (UI), User Experience (UX), Collaboration, Real-time Data, Front-end, CSS, Node.js, HTML5, Continuous Integration (CI), Continuous Delivery (CD), Deployment, eCommerce UI, eCommerce, Marketplace Platforms, B2B, Contentful, Design, React Redux, Agile Product Delivery, Firebase, Webpack, REST APIs, Bitbucket, Git, Responsive Design, Vanilla JS, Virtual DOM, REST, GitHub, Slack, API Hooking, Application State Management, ECMAScript (ES6), Web UI, Web UX
Software Engineer
2019 - 2020
Systems Limited
- Earned the Salesforce Commerce Cloud certification on my first attempt.
- Developed a project from scratch using SFRA and took the project to completion and maintenance.
- Advanced from an associate software engineer to a software engineer in my first year.
Technologies: Salesforce Commerce Cloud, React, JavaScript, TypeScript, Google Analytics, HTML, CSS3, User Interface (UI), User Experience (UX), Collaboration, Real-time Data, Front-end, CSS, Node.js, HTML5, Continuous Integration (CI), Continuous Delivery (CD), Deployment, eCommerce UI, eCommerce, Tailwind CSS, jQuery, Axios, GraphQL, Marketplace Platforms, Contentful, Fintech, Design, React Redux, Agile Product Delivery, Firebase, Webpack, REST APIs, Bitbucket, Git, Responsive Design, Vanilla JS, Virtual DOM, REST, GitHub, Slack, Application State Management, ECMAScript (ES6), Web UI, Web UX
Experience
One-click Checkout
The most efficient checkout solution for all eCommerce businesses around the world. Now customers can buy any product they want, with just one click, without the hustle to enter all information again. The checkout saves the user addresses and payment preferences when the user signs up and doesn't require the user to go through these steps again when buying a product.
Furthermore, the checkout uses analytical tools and AB testing to give insights into the different shopping trends of the customers. Using this data, the product regularly improves to offer its clients the best possible conversion rate.
I led the front-end of this project, from making user interfaces to integrating third-party plugins like google analytics, Facebook pixel helper, and customer segmentation. We built the front using Next.
Furthermore, the checkout uses analytical tools and AB testing to give insights into the different shopping trends of the customers. Using this data, the product regularly improves to offer its clients the best possible conversion rate.
I led the front-end of this project, from making user interfaces to integrating third-party plugins like google analytics, Facebook pixel helper, and customer segmentation. We built the front using Next.
Customer Portal App
Developed an app that monitors customer purchases, return and refund, shipping and billing addresses, payment method, wallet management, and customer support. Customers can log in, sign up to the website, and look at all the orders they placed using one click checkout (QisstPay).
Merchant Portal
Developed a merchant portal using Vue.js and Bootstrap.
Merchant portal is a portal for merchants who want to view any data related to their eCommerce business. The merchant portal contains an analytics tab that beautifies the data into line graphs and pie charts to give merchants insights into their business. It can help merchants make important decisions regarding their business.
Merchant portals provide an A/B testing tab where the merchant can create two different checkout UIs and distribute these two checkouts among customers to make decisions. The distribution intensity can also be configured. In this way, merchants can receive insights regarding the performance of the two checkouts and make decisions.
Also, the merchant portal allows returning orders and configuring products, addresses, payment methods, order modifications, customer insights, and many more.
Merchant portal is a portal for merchants who want to view any data related to their eCommerce business. The merchant portal contains an analytics tab that beautifies the data into line graphs and pie charts to give merchants insights into their business. It can help merchants make important decisions regarding their business.
Merchant portals provide an A/B testing tab where the merchant can create two different checkout UIs and distribute these two checkouts among customers to make decisions. The distribution intensity can also be configured. In this way, merchants can receive insights regarding the performance of the two checkouts and make decisions.
Also, the merchant portal allows returning orders and configuring products, addresses, payment methods, order modifications, customer insights, and many more.
Healing Trauma
A web application for all trauma patients. The application provides manual guides, published books, and assessment analysis to users under a value-low purchasing price. The user just has to enter different products in the cart and place an order.
There are eight types of users with different purchasing rights:
1. Normal user
2. Expert user (trauma certificate)
3. Normal organization
4. Expert organization (trauma certificate)
5. Guest
6. MOU normal organization
7. MOU expert organisatoin (trauma certificate)
8. Invited user
This application was built using NextJS, Node.js, Django, AWS, and MySQL.
I was a lead front-end developer and worked on many different things. I personally developed Excel spreadsheet functionalities that include export, import, read/write, and upload the Excel sheet to an Amazon S3 bucket.
There are eight types of users with different purchasing rights:
1. Normal user
2. Expert user (trauma certificate)
3. Normal organization
4. Expert organization (trauma certificate)
5. Guest
6. MOU normal organization
7. MOU expert organisatoin (trauma certificate)
8. Invited user
This application was built using NextJS, Node.js, Django, AWS, and MySQL.
I was a lead front-end developer and worked on many different things. I personally developed Excel spreadsheet functionalities that include export, import, read/write, and upload the Excel sheet to an Amazon S3 bucket.
Education
2015 - 2019
Bachelor's Degree in Computer Science
Ghulam Ishaq Khan Institute of Engineering Sciences and Technology - Topi, Khyber Pakhtunkhwa, Pakistan
Certifications
DECEMBER 2020 - PRESENT
Flosum Professional Level Certification
Flosum
JUNE 2020 - PRESENT
Salesforce Certified B2C Commerce Developer
Salesforce
Skills
Libraries/APIs
React, React Redux, REST APIs, React Query, Chart.js, React Router, Context API, jQuery, Node.js, Stripe API, Stripe
Tools
GitHub, Slack, JavaScript Testing, Webpack, Bitbucket, Git, Facebook Pixel, Google Analytics, GitLab CI/CD, Figma, Firebase Authentication, ChatGPT
Frameworks
Next.js, Vanilla JS, Redux, Cypress, Express.js, Material UI, Bootstrap, Tailwind CSS
Paradigms
Marketplace Platforms, REST, B2B, Behavior-driven Development (BDD), Acceptance Testing, UI Design, Modular CSS, Continuous Delivery (CD), Continuous Integration (CI), Continuous Deployment, Test-driven Deployment, Unit Testing
Platforms
Contentful, Firebase
Storage
Salesforce Commerce Cloud, MongoDB
Languages
TypeScript, JavaScript, HTML, CSS3, GraphQL, HTML5, CSS, SQL, Sass, ECMAScript (ES6)
Other
Front-end, User Interface (UI), Collaboration, Agile Product Delivery, Design, Responsive Design, Application State Management, Programming, Real-time Data, Fintech, SaaS, Behavior-driven Design, APIs, Requirements, Search Engines, UI Animation, Headless Software, MVC Frameworks, User Experience (UX), Virtual DOM, API Integration, Startups, Web Scraping, Reusable Libraries, Mobile Web, Web UI, Web UX, Storybook, Web Development, Styled-components, Segment, Axios, eCommerce, eCommerce UI, Deployment, A/B Testing, Server-side Rendering (SSR), CI/CD Pipelines, Mobile Apps, Charts, Data Visualization, Interactive Maps, Interactive UI, Animation, Chatbots, Gatsby, Apollo, Leadership, Team Leadership, Technical Architecture, Content Management Systems (CMS), Responsive UI, API Hooking, Chrome Extensions, Headless Commerce
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