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

Muhammad Salman Abid

Verified Expert  in Engineering

Software Developer

Location
Lahore, Punjab, Pakistan
Toptal Member Since
September 13, 2021

Salman has over six years of professional experience working as a full-stack developer. He specializes in React and has experience in wiring complex front ends for clients from various industries. He also has experience in multiple server-side technologies such as Laravel and Node.js. In the past, Salman built desktop applications with WPF and Electron.js and has a bit of game development experience using Unity and UE4. This diversity of experience gives him a unique competitive advantage.

Portfolio

IDK Labs, Inc.
React, Next.js, Tailwind CSS, Prisma, PostgreSQL, Apollo, GraphQL, FullCalendar...
TALOFLOW INC.
Next.js, React, TypeScript, Tailwind CSS, Figma, GraphQL, Relay
Taloflow (via Toptal)
React, Next.js, Tailwind CSS, CSS, CSS3, HTML, HTML5, TypeScript, Figma, GraphQL

Experience

Availability

Full-time

Preferred Environment

Windows, Visual Studio Code (VS Code), Slack, GitHub, Bitbucket, Jira

The most amazing...

...thing I've done is a complex form wired up in React that saved and displayed data from around 6-7 different endpoints belonging to different form sections.

Work Experience

Senior Software Engineer

2022 - 2023
IDK Labs, Inc.
  • Created an interview scheduling block for the lexical editor. Worked on both the front end and back end.
  • Used the Full Calendar library for the scheduling calendar and styled it using custom SCSS and Tailwind CSS.
  • Did the data modeling, wrote the queries, and created relevant GraphQL queries and mutations.
  • Worked on a messaging system that allows recruiters and candidates to communicate effectively. Worked on both the front and back end of this feature.
  • Migrated the existing Hasura-based GraphQL codebase to a more easily customizable set of endpoints created via Apollo, Prisma, and Nexus.
  • Worked heavily on migrating the existing candidate Guide to the new Guide v2. This involved both the front- and back-end work, including data modeling.
  • Created various new UI components, including modals, tables, and forms, and wired them up with the GraphQL endpoints. Created new endpoints and did the relevant back-end work where it was required.
  • Wrote some decent raw PostgreSQL queries where the Prisma API wasn't enough or inefficient.
  • Wrote integration tests for the back-end services using Jest.
Technologies: React, Next.js, Tailwind CSS, Prisma, PostgreSQL, Apollo, GraphQL, FullCalendar, Node.js, Nexus, TypeScript, LaunchDarkly, Jest

Front-end Developer

2022 - 2022
TALOFLOW INC.
  • Rehired by the previous client for further enhancements to the platform.
  • Created new dynamic questionnaire components and wired them up with GraphQL endpoints.
  • Refactored the codebase for the main questionnaire context to use the Relay store for managing the questionnaire state instead of manually doing it via the existing context.
  • Worked on several other minor components, such as models, forms, and tables, and integrated them with the GraphQL endpoints.
Technologies: Next.js, React, TypeScript, Tailwind CSS, Figma, GraphQL, Relay

Front-end Developer | React and Next.js

2021 - 2021
Taloflow (via Toptal)
  • Rehired by the previous client for further enhancements to the platform. Fixed UI issues with various components and worked on improving the user experience.
  • Tracked and fixed various bugs related to dynamic questionnaire components.
  • Created various new dynamic components and forms and hooked those with the GraphQL queries and mutations.
  • Integrated the Cord APIs for collaboration functionality.
Technologies: React, Next.js, Tailwind CSS, CSS, CSS3, HTML, HTML5, TypeScript, Figma, GraphQL

Front-end Developer | React and Next.js

2021 - 2021
Taloflow
  • Created several dynamic data visualization components from scratch and styled them using D3.js, Tailwind CSS, and TypeScript.
  • Ensured all the components were responsive and looked good on different screen sizes.
  • Tested components with mock data to ensure they behaved well under different circumstances.
Technologies: React, Next.js, Tailwind CSS, CSS, CSS3, HTML, HTML5, TypeScript, D3.js, Figma

Development Team Lead

2016 - 2021
BrandJaws
  • Delivered various mid to large-scale projects belonging to a number of industries ranging from health to finance. Provided support to the team when anyone got stuck or encountered a complex problem.
  • Introduced new technologies to the existing team members and provided training and support to get them up and running.
  • Conducted technical interviews on behalf of my organization to induct fresh and promising talent.
Technologies: React, Laravel, Express.js, JavaScript, PHP 7, Node.js

Guide.co

https://guide.co
Guide is evolving and working heavily on improving its core product, which aims to make the candidates' hiring process as transparent as possible.

I enjoyed assisting them in this process and worked with them as a full-stack engineer for about a year. During this tenure, I got to work on various UI components and their supporting back-end features. The most prominent of these new features was a scheduling block created using the Full Calendar library and a robust messaging system that allowed the candidates and recruiters to communicate effectively. I also got to work on refactoring a lot of legacy stuff, especially moving away from a Hasura-based GraphQL setup. Though not very in-depth, I also wrote a few integration tests for the back-end services using Jest.

Taloflow.ai (via Toptal)

Taloflow.ai aimed to offload some component-related work to assist in their 2.0 launch. These components were mainly related to reporting. The underlying tech stack for the project was Next.js and Tailwind CSS. I created several TypeScript React components, including dynamic charts created using D3.js and styled using Tailwind CSS.

Based on the quality of previous work, I got rehired for creating several new components and forms that included integration of GraphQL queries and mutations. The follow-up work also involved tracking and fixing bugs related to existing components.

BigDay

BigDay is an event services marketplace created using Next.js and Express.js. The application allows vendors of various event management services to register and offer their services to end customers. The customers, in turn, can see these services and request quotes from the vendors providing these services. Above these two user roles, the application has an admin role with access to activities from both the vendors and customers. The portal has a sophisticated permission system for various types of users, including restrictions on how many services vendors can offer based on their subscription type.

Window Master

A desktop application created using Electron, React, Redux, SQLite, Knex.js query builder, and Objection.js ORM. This application is a management system for a company that creates and sells windows and doors. The system generates quotes for their clients, including costing, creating automated purchase orders, and invoicing with the prominent feature of live syncing all the data between client and server using Socket.IO.

Rosetto

A healthcare portal that received reports generated by a blood testing machine in XML format and generated user-friendly and visually appealing reports and charts for the end user. The system offered functionality to add customers and maintain their health history. Furthermore, it gave the administrators (doctors and nutritionists) access to provide support and prescribe supplements to the customers based on their results.

Grit Tennis and Golf

A tennis and golf club management system that offers support for registering multiple tennis and golf clubs. The functionalities provided include reserving courts and courses for a single person or a team, creating and handling various types of leagues and their scoring, and a small point of sale system for the club. The reservations process is very sophisticated and uses Laravel's queueing system to send push notifications to the paired IOS app and handle auto cancellation if a reservation's requirements are not met under a given period.

Languages

JavaScript, PHP 7, CSS, Sass, TypeScript, CSS3, HTML, HTML5, GraphQL

Frameworks

Laravel, Express.js, Next.js, Redux, Electron, Tailwind CSS, Relay, Jest

Libraries/APIs

React, Node.js, Vue, Objection.js, D3.js

Tools

GitHub, Bitbucket, JSX, Slack, Jira, Knex.js, Sequelize, Figma, Prisma, FullCalendar, LaunchDarkly

Paradigms

Management

Platforms

Visual Studio Code (VS Code), Windows, Ubuntu Linux, Nexus

Storage

Databases, MySQL, PostgreSQL, SQLite

Other

Programming, Business, Finance, SVG, Apollo

2005 - 2009

Bachelor's Degree in Business Administration

National University Of Computer And Emerging Sciences - 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