Muhammad is available for hire
Hire MuhammadMuhammad Ahmad
Verified Expert in Engineering
Full-stack Developer
Location
Waterloo, ON, Canada
Toptal Member Since
November 7, 2022
Ahmad is a highly efficient full-stack developer with remarkable skills in modern JavaScript frameworks. He has been working with offshore teams on projects ranging from enterprise web applications to launching new applications for startups. Keen on problem solving and creative thinking, Ahmad appreciates optimization and efficiency in architectural design when building full-stack applications.
Portfolio
Blockit AI LLC
React, TypeScript, HTML, CSS, JavaScript, Chrome Extensions...
Chartbeat
Chrome Extensions, React, TypeScript, Design Systems, Agile, Analytics...
Vitec Software Group
Angular, React, Chrome Extensions, Redux, TypeScript, Jasmine, Karma...
Experience
Availability
Full-time
Preferred Environment
Visual Studio Code (VS Code), Slack
The most amazing...
...project I've worked on helps dyslexic people browse and study, and is used by hundreds of thousands of dyslexic students at school.
Work Experience
Chrome Extension Developer
2023 - 2023
Blockit AI LLC
- Developed a Chrome extension plugin on top of Gmail for scheduling meetings based on conversations/emails with the help of syncing Google calendars.
- Took complete control of development from the POC to the production level and solved several critical challenges.
- Customized a full calendar and other 3rd-party libraries for a seamless user experience.
- Embedded several JavaScript scripts for injecting custom widgets and UI components inside the Gmail DOM.
- Implemented REST APIs for scheduling meetings in Google Calendar and sending invitations to recipients.
- Designed and suggested the user flow with different UI components for a better user experience.
- Made a style guide and utilized it in a Chrome extension and cloud application for a consistent design.
Technologies: React, TypeScript, HTML, CSS, JavaScript, Chrome Extensions, Firebase Authentication, Webpack, SCSS, InboxSDK, User Interface (UI), User Experience (UX), Front-end, Firebase, JSON/XML Schemas, Google Chrome, Manifest V3
React Front-end Developer
2023 - 2023
Chartbeat
- Developed a Chrome extension in React and TypeScript to recommend similar articles on clients' websites with extensive filtration.
- Added usage tracking for analytical purposes using Mixpanel.
- Oversaw the requirements and realization of concepts and integrations in weekly meetings.
- Converted the design of the Chrome extension user interface from Figma using the design system.
- Added end-to-end testing of the application and provided detailed documentation.
- Implemented a design for smooth user experience (UX), including a slider in the Chrome extension pop-up that makes it sleek and lightweight once the user opens it.
- Added JavaScript to get scrap details of the active page and inject custom views based on the content.
Technologies: Chrome Extensions, React, TypeScript, Design Systems, Agile, Analytics, Service Workers, Webpack, Webpack 4, Puppeteer, Jest, Mixpanel, Jira, Storybook, GitHub, HTML5, CSS, SCSS, API Integration, Cypress, UI Design, Browser Plugins, DOM, JavaScript, User Interface (UI), User Experience (UX), HTML, Front-end, JSON/XML Schemas, Google Chrome, Manifest V3, Vercel
Front-end Developer
2020 - 2023
Vitec Software Group
- Developed the complete front end of a text-to-speech feature with syncing text highlight functionality.
- Created the word suggestion system based on cursor position and insertion at the cursor position.
- Implemented features such as the Chrome extension that works on all web pages, Google Docs, and Microsoft Word online.
- Managed various profiles based on country locations and their access to features over the application.
- Enabled rendering and displaying of files like PDF, EPUB, and Text in the online editor.
- Built a translation service to translate the static text of the application into different languages.
- Designed and developed reusable similar components for several responsive interfaces for a consistent and smooth user experience. Went the extra mile and added a user guide to help users understand the flow of actions.
- Developed documentation for every function, component, service, and complex piece of code. Wrote unit tests for every functional requirement.
- Created the design pattern communication between the Chrome extension's background and the content script.
- Provided proofs of concept for complex features and participated in architecture design and development.
Technologies: Angular, React, Chrome Extensions, Redux, TypeScript, Jasmine, Karma, Angular Material, Service Workers, NgRx, Front-end, Styled-components, JavaScript, Figma, API Integration, Git, Test-driven Development (TDD), Agile, HTML, CSS, Web App Development, Web Development, Proof of Concept (POC), Chrome API, Mockups, Responsive UI, Cloud, Design, Web UI Design, Architecture, Design Patterns, HTML5, Data Structures, Documentation, SCSS, RxJS, React Redux, CSS3, Object-oriented Programming (OOP), Progressive Web Applications (PWA), Charts, User Interface (UI), User Experience (UX), UI Development, MERN Stack, MEAN Stack, Cloud Platforms, JSON, Single-page Applications (SPA), WebRTC, Speech to Text, Text to Speech (TTS), NPM, Software Architecture, Third-party APIs, Scalability, Data Visualization, ECMAScript (ES6), Responsive Web Design (RWD), GitHub, Code Review, Front-end Development, Web Accessibility, Continuous Integration (CI), Unit Testing, Konva, PDF Design, English, Communication, Flexbox, Flex, Agile Sprints, UI Elements, UI Components, JavaScript Testing, Webpack, Browser Plugins, DOM, PDF, JSON/XML Schemas, Google Chrome, Manifest V3
Front-end Developer
2022 - 2022
Opalescent
- Created an admin panel to manage web application licenses and users.
- Developed the enterprise portal for license activation.
- Integrated firebase authentication to handle users' sign-in with Admin SDK.
- Built a custom UI theme using the Tailwind CSS dashboard and its components.
Technologies: React, Firebase, Tailwind CSS, Redux, Front-end, JavaScript, Figma, API Integration, Git, Agile, Node.js, HTML, CSS, Web Development, Web App Development, Proof of Concept (POC), Startups, Mockups, Responsive UI, Design, Web UI Design, Material UI, Architecture, Design Patterns, HTML5, Data Structures, Software Design, SCSS, React Redux, CSS3, User Interface (UI), User Experience (UX), UI Development, MERN Stack, MEAN Stack, Dashboards, Web Dashboards, Cloud Platforms, JSON, Single-page Applications (SPA), NPM, Software Architecture, Third-party APIs, Data Visualization, ECMAScript (ES6), Responsive Web Design (RWD), Dashboard Design, GitHub, Code Review, Front-end Development, Web Accessibility, SaaS, English, Communication, Flexbox, Flex, UI Elements, UI Components, API Design, UI Design, DOM, Firebase Authentication, JSON/XML Schemas, Vercel
Full-stack Developer
2021 - 2022
DBI Analytics
- Developed a dynamic dashboard from scratch to visualize and enhance the organization's KPIs.
- Built a query builder from scratch that allowed the company to monitor overlapping work between employees.
- Integrated a chat system among several different rooms.
- Developed a widget to generate dynamic forms and models.
- Participated in the engineering and architectural design of the application.
- Created REST APIS using NestJS and multiple database connections to handle the dashboard and query builder data.
- Designed and developed the UI and functionality of various modules with custom material themes.
Technologies: Angular, Node.js, NestJS, MongoDB, PostgreSQL, Firebase, Angular Material, Full-stack Development, TypeScript, Express.js, jQuery, Full-stack, JavaScript, Figma, API Integration, REST APIs, Git, Front-end, Agile, APIs, SQL, HTML, CSS, API Development, Bootstrap, Mongoose, Databases, Web Development, Web App Development, Back-end, Proof of Concept (POC), NoSQL, Startups, Mockups, Responsive UI, Cloud, Redux, Design, Web UI Design, Architecture, Design Patterns, RESTful Microservices, HTML5, Data Structures, Software Design, Documentation, Docker, SCSS, RxJS, Chart.js, CSS3, Object-oriented Programming (OOP), Progressive Web Applications (PWA), Charts, User Interface (UI), User Experience (UX), REST, UI Development, MySQL, MERN Stack, MEAN Stack, Dashboards, Web Dashboards, Cloud Platforms, JSON, Key Performance Indicators (KPIs), Single-page Applications (SPA), TypeORM, NPM, Software Architecture, Third-party APIs, Scalability, Headless Software, API Documentation, Data Visualization, PrimeNG, ECMAScript (ES6), Responsive Web Design (RWD), Dashboard Design, GitHub, Code Review, Front-end Development, Web Accessibility, Continuous Integration (CI), AG Grid, English, Communication, Flexbox, Flex, Web Page Mockups, UI Elements, UI Components, JavaScript Testing, API Design, Webpack, UI Design, DOM, Firebase Authentication, JSON/XML Schemas
Full-stack Developer
2019 - 2021
Uberry
- Developed a food ordering web application with an admin dashboard that allows users to customize the UI and update the restaurant menu.
- Implemented sockets to handle real-time orders and maintain order logs for insights.
- Built a dashboard to enable adding portfolio projects with the presentation of images and videos of custom sizes and positions according to the screen.
- Integrated end-to-end payment features in multiple platforms, including restaurant and eCommerce web applications.
- Built the complete front end of a survey generator with custom templates and custom questions using different types of elements.
- Created components shareable by QR code and link to get responses from the audience.
- Developed dashboards to gain analysis and insights on user behavior and trends and visualize them with the help of custom charts, graphs, and tables.
Technologies: Agile, Agile Sprints, Angular, Angular Material, Analytics, API Development, API Integration, APIs, Architecture, Back-end, Bootstrap, Chart.js, Charts, Cloud, Cloud Platforms, Consumer Insights, CSS, CSS3, Dashboards, Databases, Data Structures, Design, Design Patterns, Docker, Documentation, Drag & Drop, Express.js, Figma, Firebase, Flex, Flexbox, Front-end, Full-stack, Full-stack Development, Git, TypeScript, HTML, HTML5, JavaScript, JavaScript Testing, SCSS, SQL, MySQL, React, Redux, Node.js, NgRx, jQuery, Stripe, Stripe API, API Design, RESTful Microservices, Microservices, REST APIs, Socket.IO, RxJS, React Redux, JSON, MongoDB, Mongoose, NoSQL, Web Development, Web App UX, Web App UI, Web App Design, Web App Development, Responsive UI, Mockups, Web Page Mockups, User Interface (UI), User Experience (UX), Startups, Software Design, Stripe Payments, Stripe Checkout, Stripe Subscriptions, MEAN Stack, MERN Stack, Payment APIs, Payment Gateways, UI Elements, UI Components, Karma, Jasmine, Test-driven Development (TDD), Behavior-driven Development (BDD), eCommerce, Next.js, Single-page Applications (SPA), NPM, Software Architecture, API Documentation, ECMAScript (ES6), Responsive Web Design (RWD), JSON Web Tokens (JWT), Dashboard Design, GitHub, Code Review, Front-end Development, Web Accessibility, SaaS, PDF Design, English, Communication, Sass, Marketplaces, DOM, Firebase Authentication, PDF, JSON/XML Schemas
Full-stack Developer
2019 - 2019
ThingTrax
- Migrated the complete front end of the application from AngularJS to React using MUI.
- Tracked and fixed logical bugs in ASP.NET by debugging.
- Implemented a dashboard to visualize statistics and report the downtime and uptime of industrial machines monitored by sensors and cameras.
Technologies: Angular, React, SQL, Full-stack, JavaScript, API Integration, Git, Front-end, APIs, HTML, CSS, Full-stack Development, API Development, REST APIs, Databases, Web Development, Web App Development, Back-end, Mockups, Responsive UI, D3.js, Design, Web UI Design, Material UI, Data Structures, Docker, Chart.js, CSS3, Charts, User Interface (UI), User Experience (UX), REST, UI Development, MySQL, MERN Stack, MEAN Stack, JSON, Single-page Applications (SPA), NPM, Scalability, ECMAScript (ES6), Responsive Web Design (RWD), Front-end Development, Unit Testing, English, Communication, Flexbox, Flex, Agile Sprints, UI Elements, UI Components, UI Design, Sass, AngularJS, DOM, JSON/XML Schemas
Experience
IntoWords: Online Text Editor and Processor for Dyslexic People
https://intowords.com/IntoWords is a cloud application for dyslexic people that facilitates browsing and online study by offering a variety of features such as speech-to-text, word suggestions, and highlight text.
I was the front-end and Chrome extension developer of this project. Aligned with a highly skilled team, I integrated external tools and built custom features and functionalities that fulfilled our use cases. In a test-driven development environment, ensuring efficiency and the optimal solution was the key to a successful production.
I was the front-end and Chrome extension developer of this project. Aligned with a highly skilled team, I integrated external tools and built custom features and functionalities that fulfilled our use cases. In a test-driven development environment, ensuring efficiency and the optimal solution was the key to a successful production.
Restaurant Food Ordering Application
The application was developed using Angular and Node.js. It contains the administration dashboard where the management can customize UI displays, e.g., update banner and background pictures, update the restaurant menu and delivery places, and track, receive, and print out food orders.
The application used Socket.IO for real-time orders and Stripe for online payments.
The application used Socket.IO for real-time orders and Stripe for online payments.
Dynamic Survey Generator
A custom survey generator app inspired by https://surveysparrow.com.
I developed the complete front end of this app single-handedly, which included designing front-end architecture for external and internal data communication, visualizing data in chart format, generating reports, tracking survey progress, dashboards, and much more.
I developed the complete front end of this app single-handedly, which included designing front-end architecture for external and internal data communication, visualizing data in chart format, generating reports, tracking survey progress, dashboards, and much more.
Portfolio Website
http://uberry.chA MEAN stack web application for depicting the company's portfolio.
I developed the complete app from scratch. The core feature lies in the dashboard, where the admin can dynamically add portfolio projects by adding images and videos. Most importantly, the admin can customize the displaying size of each portfolio project on the list.
I developed the complete app from scratch. The core feature lies in the dashboard, where the admin can dynamically add portfolio projects by adding images and videos. Most importantly, the admin can customize the displaying size of each portfolio project on the list.
Sports Betting Website
https://tipnet.fr/A MEAN stack web application for placing bets on sports.
I designed and developed the complete application from scratch, considering the client's requirements. The app contains the admin, tipster, and user roles, with limited and exclusive access to each role. I used Socket.IO for chat integration and push notifications to update the status of tips to subscribed users. Additionally, used Stripe to enable users to buy monthly subscriptions and one-time payments to gain user-pro features. This app also allows sharing tips on social media, such as Facebook.
I designed and developed the complete application from scratch, considering the client's requirements. The app contains the admin, tipster, and user roles, with limited and exclusive access to each role. I used Socket.IO for chat integration and push notifications to update the status of tips to subscribed users. Additionally, used Stripe to enable users to buy monthly subscriptions and one-time payments to gain user-pro features. This app also allows sharing tips on social media, such as Facebook.
eCommerce Platform
An Angular-based eCommerce web application, open source for both vendors and buyers. I was the front-end developer handling all core features, including category and product management, payment gateway, insights dashboard, user and cart session, and searching algorithm.
Skills
Languages
TypeScript, HTML, CSS, JavaScript, HTML5, CSS3, ECMAScript (ES6), SQL, C++, SCSS, GraphQL, Java, Sass, PHP
Frameworks
Angular, Flex, Next.js, NestJS, Redux, Angular Material, Tailwind CSS, Bootstrap, Express.js, Jasmine, Material UI, JSON Web Tokens (JWT), Jest, OAuth 2, Cypress, AngularJS
Libraries/APIs
React, Flexbox, Node.js, NgRx, jQuery, Stripe, API Development, REST APIs, Socket.IO, D3.js, RxJS, Chart.js, React Redux, Chrome API, Stripe API, WebRTC, PrimeNG, Konva, AG Grid, Puppeteer
Tools
Firebase Authentication, Git, Karma, Figma, Mongoose, Stripe Checkout, JavaScript Testing, NPM, GitHub, Webpack, React Apollo, Webpack 4, Jira, Illustrator 2017, Photoshop 7
Paradigms
Web UI Design, Design Patterns, Responsive Web Design (RWD), Test-driven Development (TDD), Agile, Object-oriented Programming (OOP), REST, MEAN Stack, Continuous Integration (CI), Unit Testing, UI Design, Web Architecture, Microservices, Web App Design, Behavior-driven Development (BDD), Agile Software Development
Platforms
Google Chrome, Firebase, Vercel, Docker, Mapbox, Mixpanel, WordPress
Storage
JSON, MongoDB, Databases, NoSQL, MySQL, JSON/XML Schemas, MariaDB, PostgreSQL
Other
Chrome Extensions, API Integration, Front-end, Web Development, Web App Development, Responsive UI, Mockups, Design, Architecture, User Interface (UI), User Experience (UX), UI Development, UI Elements, Single-page Applications (SPA), Front-end Development, Web Accessibility, DOM, Manifest V3, Full-stack Development, Full-stack, APIs, Proof of Concept (POC), Back-end, Startups, Cloud, RESTful Microservices, Data Structures, Software Design, Documentation, Stripe Payments, Progressive Web Applications (PWA), Charts, MERN Stack, Dashboards, Web Dashboards, Cloud Platforms, Agile Sprints, Web Page Mockups, UI Components, Web Components, Analytics, API Design, eCommerce, Key Performance Indicators (KPIs), Speech to Text, Text to Speech (TTS), Software Architecture, Third-party APIs, Scalability, Headless Software, API Documentation, Data Visualization, Dashboard Design, Code Review, SaaS, PDF Design, English, Communication, Service Workers, Browser Plugins, Marketplaces, PDF, Styled-components, Gambling, OAuth, Drag & Drop, Consumer Insights, Payment APIs, Payment Gateways, Web App UX, Web App UI, Stripe Subscriptions, TypeORM, Storybook, SEO Tools, Design Systems, InboxSDK, UI Animation, IT Project Management
Education
2023 - 2023
Postgraduate Certificate in Computer Programming
Conestoga College - Waterloo, Ontario, Canada
2017 - 2021
Bachelor's Degree in Computer Science
FAST - National University of Computer and Emerging Sciences - Lahore, Pakistan
2015 - 2017
High School Diploma in Computer Science
Government College University - Lahore, Pakistan
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