Muhammad Ahmad
Verified Expert in Engineering
Full-stack Developer
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
Experience
Availability
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
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.
React Front-end Developer
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.
Front-end Developer
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.
Front-end Developer
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.
Full-stack Developer
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.
Full-stack Developer
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.
Full-stack Developer
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.
Experience
IntoWords: Online Text Editor and Processor for Dyslexic People
https://intowords.com/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 used Socket.IO for real-time orders and Stripe for online payments.
Dynamic Survey Generator
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.chI 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
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
Education
Postgraduate Certificate in Computer Programming
Conestoga College - Waterloo, Ontario, Canada
Bachelor's Degree in Computer Science
FAST - National University of Computer and Emerging Sciences - Lahore, Pakistan
High School Diploma in Computer Science
Government College University - Lahore, Pakistan
Skills
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
How to Work with Toptal
Toptal matches you directly with global industry experts from our network in hours—not weeks or months.
Share your needs
Choose your talent
Start your risk-free talent trial
Top talent is in high demand.
Start hiring