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

Muhammad 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

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

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

Languages

TypeScript, HTML, CSS, JavaScript, HTML5, CSS3, ECMAScript (ES6), SQL, C++, SCSS, GraphQL, Java, Sass, PHP

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

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