Muhammad is available for hire

Muhammad Ali

Verified Expert in Engineering

Full-stack Developer

Location

Islamabad, Islamabad Capital Territory, Pakistan

Toptal Member Since

March 22, 2022

Ali is a full-stack developer with 5+ years of experience developing apps for both Fortune 500 companies and small businesses. He specializes in JavaScript and has a keen eye for creating beautiful user interfaces and excellent user experience. If he is not working on git commits, he is exploring cutting-edge technologies and looking for ways to improve the UI/UX.

React Redux CSS TypeScript AG Grid Node.js Next.js Express.js MongoDB Web Development Jest React Redux

Portfolio

Emumba Pvt Ltd

AG Grid, Formik, Webpack, TypeScript, React, Redux, JavaScript, RTL, Jest...

eMumba

JavaScript, React, React Redux, Redux, Node.js, Express.js, Webpack...

Experience

React - 5 years JavaScript - 5 years Redux - 5 years TypeScript - 4 years Node.js - 3 years AG Grid - 3 years Express.js - 2 years Next.js - 2 years

Availability

Part-time

Preferred Environment

MacOS, Visual Studio Code (VS Code), Git, Jira

The most amazing...

...solution I've worked on is reducing an application load times by more than 50% using bundle-size optimizations and lazy-loading.

Work Experience

Senior Software Engineer

2019 - PRESENT

Emumba Pvt Ltd

Collaborated with the core architects group to design and review the front-end architecture for different projects.
Enhanced the project's build time by 50% by improving the webpack's configuration and upgrading the infrastructure with native toolings, such as esbuild.
Reduced the time to interactive (TTI) by almost 50% using bundle splitting strategy in an app built upon micro-frontend architecture.
Implemented a reusable component for editable data grids on top of ag-grid with dynamic validations used in various project modules.
Improved the UX by implementing SWR in the project, adding better data syncing and caching capabilities.
Implemented a dynamic forms schema on the front end to create dynamic layouts and validations for around ten different database connections.

Technologies: AG Grid, Formik, Webpack, TypeScript, React, Redux, JavaScript, RTL, Jest, Modular CSS, Web Development, React Redux, Tailwind CSS, CSS, HTML

Full-stack Engineer

2017 - 2019

eMumba

Created custom visualizations to showcase big supply chains and complex KPIs to multiple fortune 500 fast-moving consumer goods companies as a plugin embedded in Aera's BI tools.
Reduced data load times of millions of data rows by implementing Redis in-memory cache.
Implemented Web Workers for data transformation on the front end to avoid UI blocking, which resulted in great UX.
Reduced the initial load times by 60% of visualizations through improving the chunking and bundling strategy in webpacks.

Technologies: JavaScript, React, React Redux, Redux, Node.js, Express.js, Webpack, Web Development, CSS, HTML

Experience

React Resizable Element

https://github.com/mrmuhammadali/react-resizable-element

A tiny open-source library that exposes a customized React Hook Form to resize the width and height of a React element. I open-sourced the solution as an npm package, also benefiting the open-source community.

GitLab Notifications Bot for Skype

https://github.com/mrmuhammadali/gitlab-bot-server

My organization was switching to Slack, but most people were using Skype and asking for git updates because there was no Slack-like bot for Skype then. I created a bot for Skype to notify about git updates in group chats, and many internal projects ended up using it for some time.

React Native Circular Carousel

https://www.github.com/mrmuhammadali/react-native-circular-carousel

I was in charge of implementing a circular carousel in iOS and Android. To accomplish that goal, I created an open-source solution, which was implemented in React native and was being used in the Fetch.ai wallet app.

Tweet It

Amazon Echo had its unique way of making into people's households. I wanted to create something out of it, so I built a tweet bot for Alexa and other displays. It was the first bot of this kind available in the Alexa store.

Education

2013 - 2017

Bachelor's Degree in Software Engineering

COMSATS Institute of Information Technology - Islamabad, Pakistan

Skills

Libraries/APIs

React, AG Grid, Node.js, Formik, React Redux

Tools

Webpack

Frameworks

Redux, Tailwind CSS, Next.js, Express.js, React Native, Jest

Paradigms

Modular CSS

Languages

TypeScript, JavaScript, CSS, HTML

Storage

MongoDB

Other

RTL, Web Development, Skype Bots

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