Bilal Shafi, Developer in Islamabad, Islamabad Capital Territory, Pakistan
Bilal is available for hire
Hire Bilal

Bilal Shafi

Verified Expert  in Engineering

Web Developer

Location
Islamabad, Islamabad Capital Territory, Pakistan
Toptal Member Since
June 3, 2022

Bilal is a senior software engineer and team lead with over five years of experience building complex, user-centric, and robust full-stack web apps for multiple clients. He specializes in the JavaScript stack, i.e., React, TypeScript, Next.js, Node.js, and GraphQL. Bilal is dynamic, results-driven, and shines the most in solving complex problems, leading software development initiatives, mentoring junior engineers, and collaborating with respective people to ensure top quality software.

Portfolio

MUI
React, JavaScript, Open Source, Performance, TypeScript, UI Design, Web UX...
eMumba
JavaScript, React, Agile, Scrum, Mentorship, Agile Project Management, MySQL...
eMumba
JavaScript, React, Redux, Agile, HTML, CSS, Front-end, JSON, SQL, Ant Design...

Experience

Availability

Full-time

Preferred Environment

Visual Studio Code (VS Code), MacOS, Postman, Slack, Jira, Firefox, Zsh, Git

The most amazing...

...project I've worked on is a large scale business analytics solution for a client which I was able to start and take to production with thousands of active users

Work Experience

React Engineer

2022 - PRESENT
MUI
  • Developed prominent features and improved product performance and stability for the commercial product owned by industry-leading company MUI which impacted millions of developers and many Fortune 500 companies.
  • Contributed to the code review process by overseeing community requests and contributions and providing optimal solutions to daily problems.
  • Took part actively in hiring and other processes to ensure the best quality talent was coming through.
Technologies: React, JavaScript, Open Source, Performance, TypeScript, UI Design, Web UX, Docker, Next.js, Material Design, Vercel

Technical Team Lead

2021 - 2022
eMumba
  • Managed the engineering side of things. Tracked new features, took ownership of delivery, and worked with a team to break down tasks. Discussed technical problems and proposed solutions working with the team to implement them with the best quality.
  • Overlooked and managed all the project-related tasks, bugs, and other issues. Used Jira and Confluence and took ownership of core customer-facing features and communication with clients.
  • Managed to optimize application performance by introducing SWR caching, bundle splitting, and other critical performance improvements. This resulted in improving bundle size by up to a 500% boost in application performance.
  • Took ownership of upcoming feature demos to the client and took feedback from them accordingly.
  • Refactored multiple portions of the codebase in collaboration with the team to improve the software quality, component interfaces, etc.
  • Introduced TypeScript in the project and actively contributed to having fair type coverage.
  • Participated in processes like team performance management and mentoring of engineers.
  • Contributed to the software development process. Improved productive discussions in retrospective and scrum meetings.
  • Obtained code quality safeguarding by constantly taking part in the code review process. Conducted regular one-on-one sessions with other engineers.
Technologies: JavaScript, React, Agile, Scrum, Mentorship, Agile Project Management, MySQL, Exasol, REST, APIs, Jira, GitHub, Jenkins, Jest, Formik, React Redux, Redux, Redux Toolkit, HTML, CSS, Front-end, JSON, Material UI, TypeScript, User Interface (UI), Figma, JSX, Code Review, Source Code Review, Interviewing, Technical Hiring, Task Analysis, Team Management, Webpack, Functional Programming, Profiling, Git, SQL, Performance, HTML5, PostgreSQL, Docker, Full-stack, Material Design, Vercel

Senior Software Engineer

2018 - 2021
eMumba
  • Worked on multiple software projects and full-stack applications, single-page applications, and PWAs. Used JavaScript, React, and Node.js. Made dashboards with cool visualizations built with Victory, D3.js, and Highcharts.
  • Delivered a visualization-based application and delivered it to the customers where it's working for thousands of users.
  • Oversaw the development of a sub-app for a large-scale business analytics application. Bootstrapped it and made it production-ready.
Technologies: JavaScript, React, Redux, Agile, HTML, CSS, Front-end, JSON, SQL, Ant Design, Material UI, D3.js, Highcharts, Node.js, Code Review, Source Code Review, Interviewing, Technical Hiring, Task Analysis, APIs, Functional Programming, Git, MongoDB, Performance, MERN Stack, HTML5, Vercel

Software Engineer

2017 - 2018
eMumba
  • Took part as a core software engineer in a project for a silicon valley client.
  • Accomplished given tasks within the requested time. Went out of the way to help out other engineers working on the team.
  • Engineered solutions to some very complex data-centric problems. Created cool visualizations.
  • Contributed on multiple projects, static websites, and single page applications.
Technologies: Ruby, React, Redux, Lodash, InfluxDB, Linux, Visual Studio Code (VS Code), JavaScript, Node.js, React Native, HTML, CSS, Task Analysis, Git, Heroku, Three.js, Amazon Web Services (AWS), Python, Firebase, HTML5

ERP System for Real Estate Projects Management

A full-stack custom-made project tailored for the needs of the real estate industry to manage all the processes happening at a residential housing project, ranging from driving sales, users, installments, expenses, and deep analysis of data through various charts and diagrams.

TECH STACK
• React/Next.js on the front end, deployed on Vercel.
• Node.js/Strapi on the back end with PostgreSQL as a database and Heroku as a deployment server.

I did everything on the project alone, from designing a back-end architecture, working on the UI/UX part, designing and implementing the front-end architecture, DevOps, etc.

For API intercommunication, I used a mix of GraphQL and REST, optimizing the need based on the data type required. That mix of two significantly different approaches was a fantastic experience as it greatly helped optimize the application performance and load times.

K2 Dashboarding Framework

https://k2.emumba.com/
K2 is a dashboarding framework that lets developers create stunning dashboards at supersonic speed using React and TypeScript. It comes with rich out-of-the-box features, intelligent defaults, and modular and extensible design.

I contributed to its core development from the very beginning and worked to have a fair base created which was then used by many clients.

Languages

Python, JavaScript, TypeScript, HTML, HTML5, GraphQL, CSS, SQL, Ruby, PHP

Frameworks

Material UI, Jest, Redux, Next.js, React Native, Ant Design

Libraries/APIs

React, Formik, Node.js, React Redux, Lodash, Highcharts, D3.js, Three.js

Tools

Git, Postman, Slack, GitHub, Webpack, Redux Toolkit, Zsh, Figma, JSX, Jira, Jenkins, MongoDB Atlas, Retool, Microsoft Excel

Platforms

Firefox, MacOS, Linux, Visual Studio Code (VS Code), Vercel, Heroku, Amazon Web Services (AWS), Firebase, Docker

Other

Web Development, Front-end, Code Review, Source Code Review, Interviewing, Technical Hiring, Task Analysis, Mentorship, Performance, User Interface (UI), Team Management, APIs, MERN Stack, Full-stack, Material Design, Styled-components, Profiling, eCommerce, Open Source, Web UX, Strapi, Sketching

Paradigms

Object-oriented Programming (OOP), Agile, Scrum, Agile Project Management, Functional Programming, REST, Low-code Development, UI Design, DevOps

Storage

Databases, MongoDB, JSON, MySQL, Exasol, InfluxDB, PostgreSQL

2013 - 2017

Bachelor's Degree in Software Engineering

Comsats University Islamabad - Islamabad, 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