Muhammad Ahmad, Developer in Waterloo, ON, Canada
Muhammad is available for hire
Hire Muhammad

Muhammad Ahmad

Verified Expert  in Engineering

Full-stack Developer

Waterloo, ON, Canada

Toptal member since November 7, 2022

Bio

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.js, TypeScript, HTML, CSS, JavaScript, Chrome Extension Development...
Chartbeat
Chrome Extension Development, React.js, TypeScript, Design Systems...
Vitec Software Group
Angular, React.js, Chrome Extension Development, Redux, TypeScript, Jasmine...

Experience

Availability

Part-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.js, TypeScript, HTML, CSS, JavaScript, Chrome Extension Development, Firebase Authentication, Webpack, SCSS, InboxSDK, UI Development, UX Development, Front-end, Firebase, Database, 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 Extension Development, React.js, TypeScript, Design Systems, Agile Development, Analytics Development, Service Workers, Webpack, Webpack 4, Puppeteer, Jest, Mixpanel, Jira, Storybook, GitHub, HTML5, CSS, SCSS, API Integration, Cypress, UI Design, Browser Plugins, DOM, JavaScript, UI Development, UX Development, HTML, Front-end, Database, 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.js, Chrome Extension Development, Redux, TypeScript, Jasmine, AngularJS, Angular Material, Service Workers, NgRx, Front-end, Styled-components, JavaScript, Figma, API Integration, Git, Agile Development, Agile Development, HTML, CSS, Web Development, Web Development, Proof of Concept (POC), Chrome API, Mockups, UI Development, Cloud Engineering, Design, Web UI Design, Architecture, Design Patterns, HTML5, Data Structures, Documentation, SCSS, RxJS, React.js, CSS3, Object-oriented Programming (OOP), Progressive Web Applications (PWAs), Charts, UI Development, UX Development, UI Development, MERN Stack, MEAN Stack, Cloud Platforms, JSON, Single-page Applications (SPAs), WebRTC, Speech to Text, Text to Speech (TTS), NPM, Software Architecture, API, Scalability, Data Visualization, ECMAScript (ES6), Responsive Web Design, GitHub, Code Review, Front-end Development, Web Accessibility, Continuous Integration (CI), Unit Testing, Konva, Graphic Design, English, Communication Coaching, CSS, Flex, Agile Sprints, UI Development, UI Development, JavaScript, Webpack, Browser Plugins, DOM, PDF, Database, 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.js, Firebase, Tailwind CSS, Redux, Front-end, JavaScript, Figma, API Integration, Git, Agile Development, Node.js, HTML, CSS, Web Development, Web Development, Proof of Concept (POC), Startup Development, Mockups, UI Development, Design, Web UI Design, Material UI, Architecture, Design Patterns, HTML5, Data Structures, Software Design, SCSS, React.js, CSS3, UI Development, UX Development, UI Development, MERN Stack, MEAN Stack, Dashboard, Web Dashboards, Cloud Platforms, JSON, Single-page Applications (SPAs), NPM, Software Architecture, API, Data Visualization, ECMAScript (ES6), Responsive Web Design, Dashboard Design, GitHub, Code Review, Front-end Development, Web Accessibility, SaaS, English, Communication Coaching, CSS, Flex, UI Development, UI Development, API, UI Design, DOM, Firebase Authentication, Database, 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, TypeScript, Express.js, jQuery, Full-stack, JavaScript, Figma, API Integration, REST API, Git, Front-end, Agile Development, APIs, SQL, HTML, CSS, API Development, Bootstrap, Mongoose, Database, Web Development, Web Development, Back-end Developers, Proof of Concept (POC), NoSQL, Startup Development, Mockups, UI Development, Cloud Engineering, 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 (PWAs), Charts, UI Development, UX Development, REST, UI Development, MySQL, MERN Stack, MEAN Stack, Dashboard, Web Dashboards, Cloud Platforms, JSON, Key Performance Indicators (KPIs), Single-page Applications (SPAs), TypeORM, NPM, Software Architecture, API, Scalability, Headless Software, API, Data Visualization, PrimeNG, ECMAScript (ES6), Responsive Web Design, Dashboard Design, GitHub, Code Review, Front-end Development, Web Accessibility, Continuous Integration (CI), AG Grid, English, Communication Coaching, CSS, Flex, Mockups, UI Development, UI Development, JavaScript, API, Webpack, UI Design, DOM, Firebase Authentication, Database

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 Development, Agile Sprints, Angular, Angular Material, Analytics Development, API Development, API Integration, APIs, Architecture, Back-end Developers, Bootstrap, Chart.js, Charts, Cloud Engineering, Cloud Platforms, Consumer Insights, CSS, CSS3, Dashboard, Database, Data Structures, Design, Design Patterns, Docker, Documentation, Drag & Drop, Express.js, Figma, Firebase, Flex, CSS, Front-end, Full-stack, Full-stack, Git, TypeScript, HTML, HTML5, JavaScript, JavaScript, SCSS, SQL, MySQL, React.js, Redux, Node.js, NgRx, jQuery, Stripe Development, Stripe Development, API, RESTful Microservices, Microservices Development, REST API, Socket.IO, RxJS, React.js, JSON, MongoDB, Mongoose, NoSQL, Web Development, UX Development, UI Development, Web App Design, Web Development, UI Development, Mockups, Mockups, UI Development, UX Development, Startup Development, Software Design, Stripe Payments, Stripe Development, Stripe Subscriptions, MEAN Stack, MERN Stack, Payment APIs, Payment Gateways, UI Development, UI Development, AngularJS, Jasmine, Agile Development, Agile Development, E-commerce marketing, Next.js, Single-page Applications (SPAs), NPM, Software Architecture, API, ECMAScript (ES6), Responsive Web Design, JSON Web Tokens (JWT), Dashboard Design, GitHub, Code Review, Front-end Development, Web Accessibility, SaaS, Graphic Design, English, Communication Coaching, Sass, Marketplace Design, DOM, Firebase Authentication, PDF, Database

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.js, SQL, Full-stack, JavaScript, API Integration, Git, Front-end, APIs, HTML, CSS, Full-stack, API Development, REST API, Database, Web Development, Web Development, Back-end Developers, Mockups, UI Development, D3.js, Design, Web UI Design, Material UI, Data Structures, Docker, Chart.js, CSS3, Charts, UI Development, UX Development, REST, UI Development, MySQL, MERN Stack, MEAN Stack, JSON, Single-page Applications (SPAs), NPM, Scalability, ECMAScript (ES6), Responsive Web Design, Front-end Development, Unit Testing, English, Communication Coaching, CSS, Flex, Agile Sprints, UI Development, UI Development, UI Design, Sass, AngularJS, DOM, Database

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.

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.

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.

Portfolio Website

http://uberry.ch
A 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.

Sports Betting Website

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.

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.
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

Libraries/APIs

React.js, CSS, Node.js, NgRx, jQuery, Stripe Development, API Development, REST API, Socket.IO, D3.js, RxJS, Chart.js, React.js, Chrome API, Stripe Development, WebRTC, PrimeNG, Konva, AG Grid, Puppeteer, InboxSDK

Tools

Firebase Authentication, Git, AngularJS, Figma, Mongoose, Stripe Development, JavaScript, NPM, GitHub, Webpack, React Apollo, Webpack 4, Jira, Adobe Illustrator, Photoshop

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, Cypress, AngularJS

Paradigms

Web UI Design, Design Patterns, Responsive Web Design, Agile Development, Agile Development, Object-oriented Programming (OOP), REST, MEAN Stack, Continuous Integration (CI), Unit Testing, UI Design, Web Architecture, Microservices Development, Web App Design, Agile Development, Agile Development

Platforms

Google Chrome, Firebase, Vercel, Docker, Mapbox, Mixpanel, WordPress Development

Storage

JSON, MongoDB, Database, NoSQL, MySQL, Database, MariaDB, PostgreSQL

Other

Chrome Extension Development, API Integration, Front-end, Web Development, Web Development, UI Development, Mockups, Design, Architecture, UI Development, UX Development, UI Development, UI Development, Single-page Applications (SPAs), Front-end Development, Web Accessibility, DOM, Manifest V3, Full-stack, Full-stack, APIs, Proof of Concept (POC), Back-end Developers, Startup Development, Cloud Engineering, RESTful Microservices, Data Structures, Software Design, Documentation, Stripe Payments, Progressive Web Applications (PWAs), Charts, MERN Stack, Dashboard, Web Dashboards, Cloud Platforms, Agile Sprints, Mockups, UI Development, Web Components, Analytics Development, API, E-commerce marketing, Key Performance Indicators (KPIs), Speech to Text, Text to Speech (TTS), Software Architecture, API, Scalability, Headless Software, API, Data Visualization, Dashboard Design, Code Review, SaaS, Graphic Design, English, Communication Coaching, Service Workers, Browser Plugins, Marketplace Design, PDF, Styled-components, Gambling, System Security, Drag & Drop, Consumer Insights, Payment APIs, Payment Gateways, UX Development, UI Development, Stripe Subscriptions, TypeORM, Storybook, SEO Tools, Design Systems, UI Development, IT Project Management

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