Mustafa Ali, Developer in Bengaluru, Karnataka, India
Mustafa is available for hire
Hire Mustafa

Mustafa Ali

Verified Expert  in Engineering

Front-end Developer

Location
Bengaluru, Karnataka, India
Toptal Member Since
January 30, 2022

A front-end technical architect working on front-end technologies for 6+ years, Mustafa's skill set includes React, Next.js, TypeScript, Redux, ES6, JavaScript, GraphQL, and Node.js. He has vast experience developing and architecting enterprise-level complex applications widely used in the market in a range of industries like fintech, eCommerce, AI chatbots, and more. Known for his commitment to quality and adherence to industry standards, Mustafa consistently delivers robust, high-quality code.

Portfolio

Dekeo Inc
React, HTML, CSS, Front-end, TypeScript, Ruby on Rails (RoR), Ruby, JavaScript...
Hayat Nazafa Massahma Maqfila
Zoho Creator, Zoho API, Zoho, Customer Relationship Management (CRM), APIs...
ServBlock Limited
React, JavaScript, HTML, Jenkins, CSS, TypeScript, Firebase, Firebase Web SDK...

Experience

Availability

Full-time

Preferred Environment

Visual Studio Code (VS Code), Jira, Git, GitHub, GitLab, Agile Software Development, Linux, MacOS

The most amazing...

...thing I've done is build a JavaScript algorithm that automatically structures UAE customers' excise return formats by parsing an Excel file.

Work Experience

Front-end Developer

2023 - 2024
Dekeo Inc
  • Developed a Canva-like editor app enabling users to create various vector designs using the SVG and Fabric.js canvas toolset.
  • Managed the flow and fixed bugs using Jira and GitHub.
  • Revamped the product's UI while building storybook components for reusability.
Technologies: React, HTML, CSS, Front-end, TypeScript, Ruby on Rails (RoR), Ruby, JavaScript, Software Engineering, Design Systems, API Integration, React Hook Form, Vite, Payment APIs, Flexbox, Dashboards, Full-stack Development, Apollo Client, Apollo Server, UI Design, Chrome Extensions, Cloud Firestore, Firebase Cloud Functions, Sass, WebApp, Full-stack, SaaS

Zoho Creator App Developer

2023 - 2023
Hayat Nazafa Massahma Maqfila
  • Implemented and deployed the entire workflow in under two weeks using Zoho Creator and Zoho CRM.
  • Executed Zoho CRM APIs in the Zoho Creator workflow and forms to establish the data flow between each app.
  • Implemented schedulers to transfer data from CRM to Creator on a timely basis.
  • Established the Zoho OAuth ecosystem inside Zoho Creator.
Technologies: Zoho Creator, Zoho API, Zoho, Customer Relationship Management (CRM), APIs, REST APIs, Zoho CRM, Architecture, API Integration, React Hook Form, Stripe Checkout, Flexbox, Data Visualization, Internationalization, Localization, UI Design, Cloud Firestore, Firebase Cloud Functions, Sass, WebApp, SaaS

React Developer | Supply Chain Software

2022 - 2022
ServBlock Limited
  • Developed Firebase authentication and registration.
  • Developed an image uploader that uploads the image to the Firebase storage and saves the reference in the Firestore.
  • Resolved all the system bugs and lint and type issues.
  • Created a higher-order component (HOC) to restrict only authorized users from visiting internal pages.
Technologies: React, JavaScript, HTML, Jenkins, CSS, TypeScript, Firebase, Firebase Web SDK, Agile Software Development, CSS3, Create React App, APIs, Responsive UI, Responsive Layout, ECMAScript (ES6), Web Development, Front-end Development, Vanilla JS, Styled-components, Material Design, Mobile-first Design, Node.js, Next.js, React Router, Firebase Authentication, Front-end Architecture, Single-page Applications (SPA), Software Engineering, Design Systems, OAuth 2, API Integration, React Hook Form, Vite, Lottie, Stripe, Stripe Checkout, Payment APIs, Flexbox, Express.js, Server-side Rendering (SSR), Dashboards, Jira REST API, Data Visualization, Auth0, Full-stack Development, MySQL, UI Design, Chrome Extensions, Vercel, Cloud Firestore, Firebase Cloud Functions, Stripe API, Sass, WebApp, Full-stack, SaaS

Full-stack React Developer

2022 - 2022
RiversideFM, Inc
  • Created an audio converter where the user can upload .wav extension files, which will be converted into .mp3 files using JavaScript, React.JS, and Mui.
  • Created an audio transcription service where users can upload any video and audio file with voice. The system will generate its .srt and .vtt files using Rev AI services. Technologies used: React, JavaScript, MUI, and Node.js.
  • Created a multi-recorder entirely based on the client side, where the user can record: screen, audio, webcam, and screen plus webcam and can download on the desktop, with cross-browser compatibility.
  • Created a video compressor where the user can upload a video file, which will be compressed in size. The user has various options of compressing by size, percentage, etc., from which he can select. Technologies used: React, JavaScript, and WebRTC.
Technologies: React, Agile Software Development, CSS3, JavaScript, JSX, Figma, HTML, Node.js, UX Design, Web Audio, Videos, Material UI, MUI CSS, Responsive UI, WebRTC, ECMAScript (ES6), Web Development, Firebase, Front-end Development, Vanilla JS, Styled-components, Material Design, React Router, Firebase Web SDK, Firebase Authentication, Front-end Architecture, Single-page Applications (SPA), Software Engineering, Design Systems, API Integration, React Hook Form, Lottie, Flexbox, Express.js, AWS Amplify, Data Visualization, Auth0, Full-stack Development, UI Design, Cloud Firestore, Firebase Cloud Functions, Stripe API, Sass, WebApp, Full-stack, SaaS

Full-stack Developer

2022 - 2022
Vamstar
  • Created a multi-step business sign-up process by taking multiple user inputs and saving each step locally on the browser to navigate each step easily.
  • Tracked and fixed bugs using Jira Board as a reporting tool.
  • Developed the UI and API for tweet listing with infinite loader and the ability to check the actual tweet on Twitter.com by clicking on the listed tweet.
Technologies: JavaScript, React, HTML5, CSS, CSS3, Material UI, MUI CSS, TypeScript, Node.js, Figma, Storybook, User Interface (UI), APIs, D3.js, ECMAScript (ES6), Web Development, Front-end Development, Next.js, Vanilla JS, Jest, Styled-components, React Router, Firebase Authentication, Front-end Architecture, Single-page Applications (SPA), Software Engineering, Lottie, Flexbox, Express.js, Data Visualization, Full-stack Development, MySQL, Apollo Client, Apollo Server, UI Design, Cloud Firestore, Firebase Cloud Functions, Sass, WebApp, Full-stack, SaaS

Front-end Technical Architect

2020 - 2022
Systematix Infotech Pvt
  • Defined the architecture of several enterprise-level products with many users from scratch to scale-up.
  • Developed an app to calculate the users' tax returns by uploading invoices and expenses using optical character recognition (OCR) to read the uploaded PDF files.
  • Developed a pro-rata basis subscription module with payment integration in the front end.
  • Created a video preview feature with live subtitles where users can check the video timings by clicking on the subtitle text.
  • Integrated a payment gateway using Zoho Subscription with Iframe and React.
Technologies: React, Redux, Redux-Saga, GraphQL, HTML5, CSS, Antd, Agile Software Development, Create React App, Git, GitHub, GitLab, React Apollo, Bootstrap, Front-end, JSX, User Interface (UI), Material UI, TypeScript, APIs, Figma, D3.js, Charts, ECMAScript (ES6), Web Development, Zoho API, Vanilla JS, Jest, Styled-components, Mobile-first Design, Next.js, React Router, Firebase Web SDK, Firebase Authentication, Front-end Architecture, Single-page Applications (SPA), Software Engineering, Gatsby, Single Sign-on (SSO), Lottie, Express.js, Data Visualization, Internationalization, Localization, Full-stack Development, Apollo Client, Apollo Server, UI Design, i18n, Translation, Website Translation, i18next, Highcharts, Google Cloud Platform (GCP), WebApp, SaaS

Senior Front-end Developer

2019 - 2020
Systematix Infotech Pvt
  • Optimized a front-end app performance to 80% efficiency using profilers and dubbing.
  • Implemented webhooks to achieve asynchronous and real-time data communication between the server and client using the polling method and Redux-Saga.
  • Used higher-order components (HOC) to implement a user authentication module to restrict users' access to certain pages.
  • Implemented DynamicReports on the front-end with D3 and C3 libraries in React.
Technologies: React, Redux, React Redux, Redux-Saga, Redux Thunk, GraphQL, Agile Software Development, Antd, HTML5, Bootstrap, Create React App, ECMAScript (ES6), Front-end, JSX, User Interface (UI), CSS, Git, D3.js, Charts, Web Development, Zoho API, Firebase, Vanilla JS, Mobile-first Design, Next.js, React Router, Firebase Web SDK, Firebase Authentication, Single-page Applications (SPA), Gatsby, Server-side Rendering (SSR), Dashboards, Data Visualization, UI Design, i18n, Translation, Website Translation, i18next, Highcharts, WebApp, SaaS

Associate Front-end Developer

2018 - 2019
Systematix Infotech Pvt
  • Worked on a team to debug a front-end app and optimize web performance.
  • Worked on an eCommerce web app's admin side to add updates and manage products.
  • Improved the state management system of a React-based front-end application with Redux and Redux-Saga.
Technologies: React, Redux, Redux-Saga, GraphQL, JSX, HTML, HTML5, JavaScript, ES6 Promises, User Interface (UI), Git, Charts, ECMAScript (ES6), Web Development, Vanilla JS, Next.js, React Router, Firebase Web SDK, Firebase Authentication, Single-page Applications (SPA), Dashboards, UI Design, WebApp, SaaS

Front-end Developer

2018 - 2018
Systango
  • Developed an eCommerce platform called Zappy. I was part of the front-end team that looked over the creation of reusable components.
  • Created cart functionality for the eCommerce platform. I was part of the team that implemented the logic behind the cart and all the calculations.
  • Implemented the checkout process for the eCommerce platform using React, Redux, and JavaScript.
Technologies: Antd, React, Software as a Service (SaaS), Redux, HTML5, HTML, JavaScript, ECMAScript (ES6), Git, Web Development, Vanilla JS, React Router, Firebase Web SDK, Single-page Applications (SPA), UI Design, WebApp, SaaS

ServBlock

Developed a Firebase authentication and registration.
Developed an image uploader that uploads the image to the Firebase storage and saves the reference in the Firestore.
Resolved all the system bugs and lint and type issues.
Created a higher-order component (HOC) to allow only authorized users to visit internal pages.

Media Recorder and Transcriber

Created an audio converter where the user can upload .wav extension files, which will be converted into .mp3 files using JavaScript, React, and MUI.

Created an audio transcription service where users can upload any video and audio file with voice. The system will generate its .srt and .vtt files using Rev AI services. Technologies used: React, JavaScript, MUI, and Node.js.

Created a multi-recorder entirely based on the client side, where the user can record: screen, audio, webcam, and screen plus webcam and can download on the desktop, with cross-browser compatibility.

Created a video compressor where the user can upload a video file, which would be compressed in size. The user has various options of compressing by size, percentage, etc., from which he can select. Technologies used: React, JavaScript, and WebRTC.

SnapVAT

SnapVAT is an app that calculates tax returns. As a front-end team lead, I oversaw creating the reusable components and converting UI/UX into high-quality code. I dealt with the back-end team to define the API structure to implement user-facing features.

Pictory

https://pictory.ai/
Pictory uses AI to easily convert long-form video and text content into short branded videos for social media. I developed a video preview feature that embeds videos with subtitles and implemented async video downloading using webhooks and polling.

Taxcise

https://www.taxcise.ae/
Taxcise is used in the UAE to determine importers' and exporters' excise tax returns. I developed complex reports based on several data tables to give an overview of the users' stocks, saving them millions in penalty. My role was to create the user-facing reports and import and export data functionality, and calculate the stocks available for a client.

Deal Negotiation App

Deal Negotiation app is a service created for one of India's largest car reseller organizations. I developed the overall deal negotiation flow from scratch for both the dealer and retailers, which helped them have a yearly turnover of $20 million.

Ship Audit System

This audit system helps auditors audit ships even when the ships are in the middle of the ocean. I was a member of the front-end development team, which created reusable components to enable ship inspections through videos, pictures, and audio material and create complex reports for auditors.
2013 - 2017

Bachelor's Degree in Computer Science

Indore Institute of Science and Technology - Indore, India

NOVEMBER 2019 - PRESENT

Automation Anywhere Advanced RPA Developer

Automation Anywhere

Libraries/APIs

React, Redux-Saga, Antd, REST APIs, React Redux, React Router, Firebase Web SDK, Moment.js, Lodash, D3.js, Zoho API, React Hook Form, Flexbox, Highcharts, Node.js, Stripe, Jira REST API, AWS Amplify, Apollo Client, Stripe API, Web Audio, WebRTC, Fabric.js, React Native for Web

Tools

Redux Thunk, React Apollo, Firebase Authentication, Create React App, JSX, Zoho Creator, Jira, Git, GitHub, GitLab, Stripe Checkout, Auth0, Figma, Jenkins

Frameworks

Redux, Material UI, MUI CSS, Next.js, Vanilla JS, Jest, Tailwind CSS, WebApp, Bootstrap, OAuth 2, Ruby on Rails (RoR), Express.js

Languages

JavaScript, GraphQL, HTML5, CSS, HTML, TypeScript, Sass, ECMAScript (ES6), CSS3, Ruby

Paradigms

Agile Software Development, UI Design, UX Design, Responsive Layout

Platforms

Firebase, Visual Studio Code (VS Code), Google Cloud Platform (GCP), Vercel, Linux, Zoho CRM, MacOS

Storage

Cloud Firestore, Firebase Realtime Database, MySQL

Other

Axios, ES6 Promises, Front-end, Software as a Service (SaaS), APIs, Responsive UI, Charts, PWA, Web Development, Front-end Development, Styled-components, Material Design, Mobile-first Design, Front-end Architecture, Single-page Applications (SPA), Software Engineering, Design Systems, API Integration, Lottie, Dashboards, Data Visualization, Full-stack Development, i18n, Translation, Website Translation, i18next, Chrome Extensions, Firebase Cloud Functions, SaaS, Robotic Process Automation (RPA), Progressive Web Applications (PWA), Service Workers, User Interface (UI), Storybook, Gatsby, Single Sign-on (SSO), Payment APIs, Server-side Rendering (SSR), Internationalization, Localization, Apollo Server, Full-stack, Zoho Analytics, Google Tag Manager, Videos, Audio, Zoho, Customer Relationship Management (CRM), Architecture, Vite, User Experience (UX), Slate.js

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