Muhammad Usman, Developer in Lahore, Punjab, Pakistan
Muhammad is available for hire
Hire Muhammad

Muhammad Usman

Verified Expert  in Engineering

Bio

Muhammad has been working as a software engineer for the past seven years. He has experience working on medium- to large-scale projects and has completed numerous React, Angular, and Vue.js projects. He has also worked as a full-stack developer and learned how the back end works, enabling him to communicate effectively with back-end teams. He's all about learning new stuff and trying to contribute to the community by writing articles about the exciting things he learns.

Portfolio

Prodstack Ltd.
React, User Experience (UX), Code Architecture, Front-end Architecture...
Xavor
React, Context API, Application State Management, Redux, Routing...
Quantum LHE (Pvt.) Ltd.
Trello, HTML5, CSS, Angular, TypeScript, JavaScript...

Experience

  • Front-end - 7 years
  • JavaScript - 6 years
  • Single-page Applications (SPAs) - 6 years
  • TypeScript - 5 years
  • Performance Optimization - 5 years
  • Front-end Development - 5 years
  • React - 5 years
  • Redux - 3 years

Availability

Full-time

Preferred Environment

Visual Studio Code (VS Code), React, Single-page Applications (SPAs), Visual Studio, GitHub, Bitbucket, Azure DevOps, Jira, Trello

The most amazing...

...opportunity I've had is leading a React-based single-page app that allowed thousands of people in a large-scale company to take quizzes.

Work Experience

Front-end Engineer

2024 - 2024
Prodstack Ltd.
  • Started from scratch and secured 1,000+ active users.
  • Increased user session duration and conversion by implementing a free playground.
  • Improved app performance drastically by implementing virtualizations, lazy loading, and code optimizations.
Technologies: React, User Experience (UX), Code Architecture, Front-end Architecture, Data Visualization, User Interface (UI), Material UI, DataGrid, ECharts, ApexCharts.js, Redux, A/B Testing, Unit Testing, Jest, React Testing Library, Storybook, Sentry, Atomic Design, TypeScript

Senior Software Engineer

2018 - 2021
Xavor
  • Contributed to several medium to large-scale projects independently and with teams.
  • Handled complete project lifecycle from customer dealing with requirement gathering, planning, R&D, development, testing, deployments, change requests, and post-deployment support.
  • Acted as a senior software engineer and trained my junior colleagues. Gave presentations and demos on the latest and trending tech, published articles, led a team of 2-3 developers, and gave my best to maintain a healthy and productive environment.
Technologies: React, Context API, Application State Management, Redux, Routing, Single-page Applications (SPAs), ES6 Promises, ECMAScript (ES6), TypeScript, Sass, SCSS, NPM, User Interface (UI), Bootstrap, Material UI, Vuetify, Vuex, Flexbox, Search Engine Optimization (SEO), jQuery, Azure DevOps, Bitbucket, Web App Development

Software Engineer

2017 - 2018
Quantum LHE (Pvt.) Ltd.
  • Developed a social app that targets the Danish Muslim community. Users can quickly find and make recommendations for restaurants and hotels to suit their preferences concerning Muslim dietary habits and traditions.
  • Made many social media app features like sending and accepting friend requests, user feed, posts, ratings, reviews, comments, replies, events, offers, geo-location, and geo-fencing.
  • Contributed to a productivity app that supports individuals, teams, and organizations in reaching their goals. It also enables users to improve their skills, performance, and wellbeing as they experiment and develop the ways they do their daily work.
Technologies: Trello, HTML5, CSS, Angular, TypeScript, JavaScript, Single-page Applications (SPAs), Twilio API, React, Web App Development

Experience

Observability Tool

A tool to monitor everything in the cloud! It is built for cloud-native environments so users can track the health and efficiency of their infrastructure effortlessly. By seamlessly correlating traces with application metrics, logs, and infrastructure events, it enables its users to detect and resolve root issues faster.

As a front-end engineer, I contributed to developing several key features.

FEATURES
• Customized graphs
• Network dependency map
• Cluster picker
• Custom date/time picker
• Two-way URL/Redux sync
• Advanced filtering

COLLABORATIVE WORK
• Contributed to developing many DataGrid tables (e.g., logs, traces, events, nodes, namespaces, pods, jobs, deployments, and more).
• Contributed to building advanced logs search, enabling keyword searches, key/value pair filtering, operator support, wildcard functionality, etc.
• Optimized performance by identifying potential bottlenecks and slow renders.
• Wrote unit tests to ensure the reliability and stability of the codebase.
• Created UI components using atomic design principles.
• Used Fullstory, Segment, Sentry, and A/B testing.

I collaborated closely with fellow engineers, driving the development of a highly interactive and feature-rich front end.

Platform for Influencers

It's a platform that helps influencers create exclusive clubs for their followers, offering them the chance to win exciting rewards through regular draws. It allows influencers to monetize their audience by charging subscription fees, with different tiers offering increased chances to win.

My job was to revamp the UI and improve the overall UX with the use of Tailwind for styling and daisyUI for UI components. I also fixed bugs and added new features.

Quizzing App

The client had a lot of paperwork, research, and documents, and they wanted to ensure that every person involved in a specific project had gone through the relevant documents. So, they asked us to design a quizzing app.

The quiz owner designs the quiz related to a document. It is then approved by the quiz approver. After the first approval, it is assigned to the training admins, who assign the quiz to the relevant users with a deadline. Another training admin approves the quiz, after which it is assigned to the employees and quiz takers. When users take the quiz, they instantly get the results. Admins also have a dashboard to view different stats.

Public-facing Website of a Healthcare Company

My responsibility was to add new reusable components to the website, improve, fix, or change existing components, and perform overall maintenance. The components could range from very simple to complex, so we used React for the complex ones and Vanilla JS and jQuery for the simple ones.

Public-facing Website and Internal Work of a Marketing Company

Helped develop numerous re-usable web parts built with React and used for internal day-to-day operations like user management, vacation management, café management, carousel, workflow management, IT outages, and news. Also worked on the rebranding of a public-facing website. I had the opportunity to work directly with the development team based in the UK.

Social Media App

A social app that targets the Danish Muslim community. Users can quickly find and make recommendations for restaurants and hotels to suit their preferences with regard to Muslim dietary habits and traditions. Additionally, users can create posts, add friends, give reviews and ratings, and see relevant offers and events.

Productivity App

A productivity mobile and web app that supports individuals, teams, and organizations in reaching their goals. It also enables users to improve their skills, performance, and wellbeing as they experiment with and develop the ways they do their daily work.

Education

2012 - 2016

Bachelor's Degree in Computer Science

COMSATS University - Lahore, Pakistan

Certifications

JUNE 2017 - JUNE 2019

Microsoft Certified Professional

Microsoft

Skills

Libraries/APIs

React, jQuery, Context API, Flexbox, React Router, GSAP, Twilio API, Vuex, Node.js, React Query, Moment.js, React Testing Library, daisyUI, Stripe, ApexCharts.js

Tools

Visual Studio, GitHub, NPM, Git, Figma, Shadcn, Bitbucket, Jira, Trello, Adobe Experience Design (XD), Sentry, FullStory, Figma to HTML

Languages

JavaScript, ECMAScript (ES6), TypeScript 3, HTML5, CSS, TypeScript, CSS3, HTML, SCSS, Sass

Frameworks

Redux, Bootstrap, JSON Web Tokens (JWT), Vanilla JS, Bootstrap 3+, Tailwind CSS, Material UI, Next.js, Angular, Vuetify, Jest

Platforms

Visual Studio Code (VS Code), Twilio Segment

Storage

Media Queries

Paradigms

Azure DevOps, Object-oriented Programming (OOP), Search Engine Optimization (SEO), Responsive Layout, Unit Testing

Other

Single-page Applications (SPAs), Web Development, Front-end Development, ES6 Promises, Axios, Dashboards, Web Dashboards, Front-end, Figma to React, Web App Development, Zustand, Application State Management, Routing, User Interface (UI), Front-end Architecture, Performance Optimization, UI Components, Immer, date-fns, User Authentication, Google SEO, Dashboard Design, User Experience (UX), Code Architecture, Data Visualization, ECharts, Styled-components, DataGrid, Responsive Design, Mobile-first Design, API Integration, Vite, A/B Testing, Storybook, Atomic Design

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