Bilal Awan, Developer in Lahore, Punjab, Pakistan
Bilal is available for hire
Hire Bilal

Bilal Awan

Verified Expert  in Engineering

Full-stack Developer

Location
Lahore, Punjab, Pakistan
Toptal Member Since
March 3, 2022

Bilal is an experienced software engineer who specializes in full-stack web applications. He excels in developing large-scale web applications using technologies like JavaScript, TypeScript, React, Vue, Node.js (Express.js, NestJS), WordPress, and Laravel. Bilal is proficient in deploying to server-based and serverless AWS environments and has solid database management skills with databases like PostgreSQL, MySQL, and MongoDB. He is a valuable addition to any development team.

Portfolio

LogLeads Compendium Pty Ltd
Vue, SQL, Amazon Web Services (AWS), DevExpress, CSS, Azure, ESLint, Linux...
Daily AI (now Aidium)
Node.js, React, TypeScript, Full-stack, GraphQL, Redux, Tailwind CSS, Storybook...
Eupheme International LLC
JavaScript, Next.js, HTML, CSS, Amazon Web Services (AWS), Amazon EC2, MongoDB...

Experience

Availability

Full-time

Preferred Environment

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

The most amazing...

...thing I've developed: the add-on that is now part of github.com to screen the dependency for mobile applications and notify users if the APK/IPA has any issues.

Work Experience

Front-end Developer

2022 - PRESENT
LogLeads Compendium Pty Ltd
  • Maintained a SaaS product employed by many users and several enterprise clients.
  • Oversaw and participated in the development of multiple, complex, single-page applications.
  • Designed and improved the application's architecture, refactored essential legacy code, and introduced a state management library. Migrated the large-scale web application to Vue 3.
  • Put in place useful tools and CI processes to improve the developer experience and eliminate preventable bugs.
Technologies: Vue, SQL, Amazon Web Services (AWS), DevExpress, CSS, Azure, ESLint, Linux, JSON Web Tokens (JWT), Amazon API Gateway

Senior React and Full-stack Engineer

2023 - 2023
Daily AI (now Aidium)
  • Implemented the workflow UI based on Figma designs where users could define conditions and actions to respond to actions.
  • Executed E2E tests in Cypress to cover the critical paths in the application.
  • Used Nx monorepo code architecture to quickly scale the codebase and implement all reusable components as standalone sharable libraries.
  • Enforced the overall code and app quality using tools like Prettier, ESLint, and Sentry to report app bugs.
Technologies: Node.js, React, TypeScript, Full-stack, GraphQL, Redux, Tailwind CSS, Storybook, Apollo Server, Next.js, Serverless, Vercel, Prisma, ESLint, Sentry, Prettier, Agile, Unit Testing, i18n, Full-stack Development, JSON Web Tokens (JWT), Material UI, Testing

Full-stack Developer

2022 - 2023
Eupheme International LLC
  • Used the React and Next.js-based front-end platform with Tailwind CSS and developed a scalable Node.js back end with Redis and MongoDB for persistence.
  • Helped develop the app architecture from scratch, built a CI/CD pipeline to deploy the app, and took vital decisions for the app's technical requirements.
  • Led a team of up to three developers, implemented frequent code reviews, and advocated industry-best practices.
  • Drove the process of making the application more reactive using a state management library.
  • Collaborated with and aided the client in deciding the product and data we should display.
Technologies: JavaScript, Next.js, HTML, CSS, Amazon Web Services (AWS), Amazon EC2, MongoDB, Node.js, REST APIs, Express.js, NoSQL, Architecture, WebRTC, Firebase, Figma, Databases, CI/CD Pipelines, User Interface (UI), TypeScript, Reusable Libraries, React, Charts, Redux, ESLint, Linux, Tailwind CSS, Full-stack Development, JSON Web Tokens (JWT), WebSockets

Senior Software Engineer

2021 - 2022
10Pearls
  • Built a modern-day fintech Web Application with React, as well as Vue.
  • Wrote Unit Tests and end-to-end cypress tests. Performed code reviews and ensured code quality and code consistency. Did incremental refractors time by time.
  • Collaborated with other team members and stakeholders.
Technologies: Agile Project Management, JavaScript, React, Vue, Node.js, Amazon Web Services (AWS), JSON, Full-stack, Windows, Agile Software Development, Next.js, APIs, Redux, Redux Toolkit, Web Applications, Storybook, REST APIs, Bitbucket, NoSQL, Interactive Maps, Gatsby, Responsive Design, Databases, CI/CD Pipelines, User Interface (UI), TypeScript, Tailwind CSS, Reusable Libraries, ESLint, Agile, Unit Testing, i18n, Full-stack Development, JSON Web Tokens (JWT)

Senior Software Engineer

2019 - 2022
Nextbridge
  • Built the web app's foundation from scratch using React, React Native, Next.js, TypeScript, and Tailwind CSS.
  • Consulted on a few projects for system and architecture design.
  • Implemented workflows and guidelines for code consistency, readability, maintainability, and testability.
  • Conducted research and development for libraries and ways to improve our codebase.
Technologies: Vue, Vuex, Amazon S3 (AWS S3), Amazon EC2, MongoDB, PostgreSQL, MySQL, React, Redux, Node.js, Express.js, Agile Software Development, Agile Project Management, DevOps, Ant Design, Azure DevOps, Microsoft Teams, Jira, Slack, Ubuntu, Microservices, Kong, API Gateways, NGINX, Docker, Kubernetes, Mobile App Development, React Native, Sails.js, Continuous Integration (CI), Git, HTML, CSS, JSON, Full-stack, Windows, SQL, Amazon Web Services (AWS), APIs, Web Applications, REST APIs, Bitbucket, SaaS, Interactive Maps, Responsive Design, Databases, CI/CD Pipelines, User Interface (UI), TypeScript, Reusable Libraries, ESLint, Linux, Angular, Context API, Agile, Full-stack Development, WordPress

Full-stack Lead Engineer

2018 - 2019
Raaziq International Pvt Ltd
  • Developed a system to manage all the NATO transportation via Pakistan to Afghanistan.
  • Built a software as a service application that includes human resource management, customer relation management, freight management, payroll management, and company operations management.
  • Led the project of five members to develop software for a metro bus system for the federal government.
Technologies: Agile Project Management, JavaScript, Node.js, Express.js, Angular, React, Redux, Scrum, Amazon Web Services (AWS), MySQL, MongoDB, Amazon S3 (AWS S3), Amazon EC2, Express.io, Socket.IO, Cordova, Postman, Jira, Cypress, Unit Testing, GitHub, Software Architecture, REST APIs, HTML, CSS, JSON, Full-stack, SQL, APIs, Redux Toolkit, Web Applications, Bitbucket, SaaS, Interactive Maps, Databases, User Interface (UI), TypeScript, ESLint

Software Engineer

2016 - 2018
Wali Systems, Inc.
  • Developed an app marketing the company products to multiple social media apps such as Facebook, Instagram, and YouTube from a single platform.
  • Made a RESTful API with Laravel and the UI with Angular.
  • Built a front-end React application and a server-side Node.js RESTful API.
  • Implemented a real-time chat widget in Vanilla JS and jQuery, which can be injected into any website.
Technologies: JavaScript, PHP, Laravel, Angular, jQuery, Bootstrap, HTML5, Socket.IO, Node.js, Express.js, MySQL, MongoDB, HTML, CSS, JSON, SQL, APIs, Web Applications, REST APIs, Linux, Twilio, Full-stack Development, WordPress

Water Mission

https://play.google.com/store/apps/details?id=com.watermission_app
I was the lead full-stack developer for Water Mission, designing and implementing dynamic community apps and web dashboards using React and React Native. The app is fully dynamic, with all pages and forms designed using the designer portal via drag-and-drop. Users create the forms, pages, and reports through the portal, which would be used as screens in the React Native application. We used CouchDB for offline storage and atomic design pattern to achieve dynamic forms and page creation and maximize component reusability. I was directly involved in requirement gathering and designed the configurations schema and code architecture.

2TWNTY4

https://zcc-mnl.nl/nieuws/2twnty4/
2TWNTY4 provides up-to-date insight into the status of the entire chain 24 hours a day, seven days a week. This allows hospitals and chain partners to coordinate patient flows. On this project, I was the Vue engineer. My three-person front-end team and I managed the dashboard, added new features to the software, fixed bugs, and connected third-party APIs. Updated the web application's look and feel to improve user experience.

Shuttle Service Application for The Hotel Chain

Go Dispatch is a SASS shuttle app for Android and iOS devices allowing travelers to book mobile phone rides. There are two apps, one for the driver and the other for the rider. The drivers will make themselves available using the driver app. When the rider wants to book a ride, the rider app will show the nearest shuttle and the ETA to the rider based on the rider's geolocation. When a driver accepts the request from the rider, the rider app will show the nearest stop to the rider where the shuttle will arrive. It has a dashboard where the admin can also book a ride on the customer's behalf. The dashboard has all the features that a mobile device has.

I worked as a full-stack engineer on this project. I designed and architected this application, initially intended as a clone of the Uber application. Later, we modified it to a shuttle service. I used MongoDB with Express.js (Node.js) and React with Redux. For the deployment, I used Heroku for the back end and later moved it to AWS EC2; for the front end, we used another instance of EC2.

Ammiza Transports

Ammiza is a vehicle management system and scalable software to track vehicles, drivers, fuel management, payroll management, and attendance management with proper ACL implementation.

I worked as a full-stack engineer on this project. I was tasked with building the database relationships and architecture of the whole application with the help of three other engineers. I worked closely with the project manager and the end client to collect project requirements. Collaborated with the UI/UX team to update the designs on Figma and developed the React styled-components with Material UI to give shape to the application. The app's front end is React based, the back end is in Node.js (Express.js), and the database is MySQL. As a team, we followed strong Agile principles for daily standups, retrospective meetings, task division, etc.

E-parking Application

E-parking is a web application where users can book a vehicle by selecting a location and time. They can see a list of available companies offering parking facilities at their selected time, choose a company, and put vehicle details and addresses along with payment details for the parking fee. The application has three different roles—admin, company, and user.

Admins can see booking details of the current day and whole parking spaces against each company. They handle overall revenue, user details, company information, or dashboard chart representation. Using the drag-and-drop option, they can also make a daily roster or charge a plan for each company. Companies can also see their earnings—the more bookings against them, the more revenue they get.

I worked as a team lead full-stack on this project. I used React as the front-end library and Lumen Laravel as the back-end API development language. For the payment gateway, I used Stripe and Paypal.

Fintransformer

Fintransformer is a Vue-based application that allows users and companies to convert their financial statements from Russian or any other language to English. Additionally, it enables users to analyze the company's financial health and provide recommendations.

I worked as a full-stack engineer on this project. This is a microservices-based application where on the back-end side, I used NestJS, and on the front-end client-side app, I used Vue, and the admin panel is developed using Angular 8.

Group Captain

http://groupcaptain.vteamslabs.com/
Group Captain acquires rich architectural design to meet real-world problems and can handle the process management of macro organizations. The application must simplify different platforms' complexity and make applications scalable with Docker images.

Group Captain includes Project Management System (PMS), organizational charts (hierarchical tree), daily employee work logs, and access control on application and project levels. It encapsulates multiple micro front-end applications wrapped in a main application and behaves like a single application.

I worked as a full-stack/React engineer on this project, mainly working on the front-end side, where I had to manage different micro front-end apps. Worked on different dashboards, charts, visuals, and maps

Raaziq | Procurement Management System

This procurement management system is responsible for automating the procurement process and handling all the steps related to procurement and inventory. It includes purchase requisition, stock indent, request for quotation, and purchase orders, including the purchase order approval workflow. A successful purchase order carries toward the inward gate pass followed by goods receiving the note. The GRN approval workflow decides whether stock should returned or be registered. And finally, the stock can be issued to the employee. I worked as a full-stack engineer on this project and used React and Node.js with MongoDB.

Veda Transportation Solution

http://www.veda.com.pk/
Veda Transportation Solution is a web app developed for a government project for the metro bus service, functional in almost all major cities of Pakistan.

Veda Transportation Solution manages metro buses' daily routes, resources (drivers, dispatchers), shifts, vehicle trackers, daily driver duty rosters, dispatcher duty rosters, daily dispatch system, and day-end activity. It also includes daily and monthly reports, including summary KM reports, daily roster reports, planned daily dispatch, and revenue KM reports.

I worked as the front-end engineer on this project and used Vue.js. I also used a GraphQL client for APIs and Storybook for the components.

Finmark

https://finmark.com/
Finmark is a platform that takes complex financial concepts and calculations and distills them down into a simple-to-use interface so companies can easily update, inspect, and share their financial metrics. From pre-revenue to pre-IPO, companies rely on Finmark to align teams, drive collaboration, reduce costs and resources, and build the next generation of great startups.

I worked as a React Engineer on this project. I also used Storybook for the components and Cypress for unit testing.

Artvisor

https://www.artvisor.com/
Artvisor is a private online art advisory service that offers access to artworks by both emerging and established artists. It is a secure and reliable membership-based platform for aspiring collectors new to the art market.

I had worked as a React developer for Artvisor and implemented best practices and a nice user experience.

Marketing App for Podcast Creators

https://mezcast.com
A platform that helps podcasters promote their new episodes by providing smart, short-listening links specifically for social media promotion.

I worked as a full-stack developer on this project, primarily using React and Tailwind CSS.

Logverz

http://www.logverz.io
Logverz is a composable data analytics tool that makes work dramatically easier and cheaper for users, from processing to collaboration. It was built with cutting-edge technologies and design principles, like serverless computing, WebRTC, and IaC. Logverz has a novel source and available licensing model where system usage is free, and commercial support and development are on top of the platform with a small licensing fee.

I worked as a full-stack engineer on this project. I used Vue.js for the front-end application and the back end is serverless. I also used an AWS API gateway with Lambda functions. The app was developed in Vue2, which I upgraded to Vue3 and added new features and did bug fixing

Social Media Dating Application

Eupheme is a dating application where users can create their profiles and connect with each other. It has many features like video calls, audio calls, chatting, and on-demand video sharing, a tool that content creators can use to earn money.

I worked as the lead engineer on this project. I used Node.js on the back-end side for APIs and Next.js (React) on the front-end side, with MongoDB for the database and TypeScript on both ends. I used CometChat for the chat and audio/video calls. I am now migrating to my own WebRTC-based solution using peer connection.

Shopappy

http://shopappy.com
Shopappy enables local independent shops and businesses to show information, products, and services for sale in a specific town or city in a single place. Shopappy encourages users to visit a particular place and use nearby shops and businesses. It also combines all the products and services into categories so users can search for items easily or choose to look at the products in their favorite shops instead.

I worked as a front-end engineer on this project. I used Next.js (React) and auth0 connections for multiple APIs like Etsy, eBay, and Amazon for authorization.

Get My Gift Alexa Skill

https://alexa-skills.amazon.com/apis/custom/skills/amzn1.ask.skill.166264c4-89fe-40b7-8bdb-ff78bd8c696d/launch
I created a skill using Alexa Shopping Actions. Users can invoke a skill by saying—Alexa, get me a gift. It involved switching the in-development skill from a voice flow and drag-and-drop architecture to the Alexa infrastructure. I added a new skill that now suggests gift ideas to users. For example, if they are looking for a gift for an anniversary or birthday, this skill will offer ideas, and if users like the gift idea, the product will be added to their Amazon shopping cart.

I worked as a Node.js engineer on this project. I used AWS Lambda and the Amazon Alexa Skills kit for the development and AWS DynamoDB for the data storage.

Retail App

A retail app where people can upload product listings and offer realistic prices based on an AI model. Moreover, this app offers a unique discount strategy for subscribers and non-subscriber members.

Languages

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

Frameworks

Express.js, Laravel, Material UI, Next.js, Nuxt.js, JSON Web Tokens (JWT), Cypress, Redux, Ant Design, Angular, Bootstrap, Tailwind CSS, Kendo UI, Sails.js, Express.io, React Native, NestJS, Jest

Libraries/APIs

React, Node.js, Vue, REST APIs, jQuery, Socket.IO, Vuex, Highcharts, Facebook API, React Redux, Context API, Stripe, Antd, WebRTC, Amazon EC2 API, Shopify API

Tools

Git, Postman, Bitbucket, Slack, Jira, Webpack, NGINX, GitHub, Redux Toolkit, Microsoft Teams, Kong, Jenkins, Figma, Prisma, Sentry, Prettier, Auth0

Paradigms

Agile Project Management, Agile, Microservices Architecture, Azure DevOps, Test-driven Development (TDD), Unit Testing, Microservices, Testing, Agile Software Development, Scrum, DevOps, Continuous Integration (CI)

Platforms

Windows, Amazon EC2, Heroku, Docker, Amazon Web Services (AWS), Linux, Firebase, Visual Studio Code (VS Code), Azure, Twilio, WordPress, Kubernetes, Ubuntu, Apache Kafka, Amazon Alexa, AWS Lambda, Vercel

Storage

MongoDB, MySQL, JSON, NoSQL, Databases, Amazon S3 (AWS S3), Database Modeling, PostgreSQL, Amazon DynamoDB, CouchDB

Other

Full-stack, Web App Development, Front-end, APIs, Web Applications, Front-end Development, Reusable Libraries, Team Leadership, Third-party APIs, Responsive Web Apps, Startups, i18n, Full-stack Development, ESLint, Solution Architecture, SaaS, Charts, Data Visualization, Interactive Maps, Responsive Design, CI/CD Pipelines, User Interface (UI), eCommerce, Application State Management, Amazon API Gateway, WebSockets, Software Development, Software Development Lifecycle (SDLC), Cordova, Software Architecture, API Gateways, Mobile App Development, PayPal, Web Development, Sprints, Payment APIs, Complex Problem Solving, Storybook, Serverless, Technical Documentation, Architecture, Internet of Things (IoT), Animation, Gatsby, DevExpress, Vue 3, Migration, Back-end, TypeORM, Apollo Server, Drag & Drop, Maps

2012 - 2016

Bachelor's Degree in Software Engineering

University of Management and Technology - Lahore, Pakistan

MARCH 2023 - PRESENT

Toptal Node.js Accelerator Graduate

Toptal, LLC

JULY 2022 - PRESENT

NestJS Zero to Hero – Modern TypeScript Back-end Development

Udemy

FEBRUARY 2021 - PRESENT

Software Architecture: From Developer to Architect

LinkedIn

NOVEMBER 2020 - PRESENT

React.js Essential Training

LinkedIn

SEPTEMBER 2020 - PRESENT

Problem Solving Certificate

HackerRank

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