Muhammad is currently unavailable
Muhammad Ali
Verified Expert in Engineering
Full-stack Developer
Berlin, Germany
Toptal member since March 22, 2022
Bio
Ali is a senior software engineer with 7+ years of experience developing apps for both Fortune 500 companies and small businesses. He specialises in JavaScript and has a keen eye for creating beautiful user interfaces and excellent user experiences. If he is not working on git commits, he is exploring cutting-edge technologies and looking for ways to improve the architectural decisions.
Portfolio
Deutsche Bank
TypeScript, React, Redux, Redux-Saga, AG Grid, Jest, API Integration
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
- JavaScript - 8 years
- React - 8 years
- Redux - 7 years
- TypeScript - 6 years
- AG Grid - 5 years
- Node.js - 3 years
- Express.js - 2 years
- Next.js - 2 years
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
2022 - PRESENT
Deutsche Bank
- Led the migration of a legacy codebase to React, reducing maintenance costs by 40% and improving code readability and scalability.
- Implemented state management solutions using Redux, reducing the complexity of data flow in the application by 50% and enabling more predictable state transitions.
- Integrated SWR for efficient data fetching and caching in React, reducing redundant API calls by 40% and improving data loading times by 25%, resulting in a smoother and more responsive user experience with real-time updates.
Technologies: TypeScript, React, Redux, Redux-Saga, AG Grid, Jest, API Integration
Senior Software Engineer
2019 - 2022
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, API Integration
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, API Integration
Experience
React Resizable Element
https://github.com/mrmuhammadali/react-resizable-elementA 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-serverMy 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-carouselI 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, Redux-Saga
Tools
Webpack
Languages
TypeScript, JavaScript, CSS, HTML
Frameworks
Redux, Tailwind CSS, Next.js, Express.js, React Native, Jest
Paradigms
Modular CSS
Storage
MongoDB
Other
Web Development, API Integration, RTL, Skype Bots, Vite
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