Abdullah is available for hire
Hire AbdullahAbdullah Shahid
Verified Expert in Engineering
Front-end Developer
Lahore, Punjab, Pakistan
Toptal member since August 23, 2022
Bio
Abdullah is a highly skilled software engineer with five years of experience in the IT and services industry. He specializes in a wide range of tools and technologies, including Node.js, React, Redux, MySQL, MongoDB, JavaScript, and TypeScript. His strong team spirit and innovative mindset make him a valuable asset for any project. Abdullah ensures that development goals are met with technical excellence and creative problem-solving.
Portfolio
Code Graphers
JavaScript, React, PostgreSQL, SQL, REST APIs, GraphQL, APIs, HTML, CSS...
CodingCops
JavaScript, React, PostgreSQL, SQL, REST APIs, GraphQL, APIs, HTML, CSS, SCSS...
TechClan
JavaScript, React, Node.js, TypeScript, SQL, REST APIs, GraphQL, APIs, HTML...
Experience
- React - 5 years
- Node.js - 5 years
- Next.js - 5 years
- REST APIs - 5 years
- MongoDB - 5 years
- TypeScript - 5 years
- Web Development - 5 years
- JavaScript - 5 years
Availability
Full-time
Preferred Environment
Web & Mobile Applications, Front-end Development, Front-end Design, Material UI, Tailwind CSS, Node.js, Yarn, Amazon S3 (AWS S3)
The most amazing...
...project I've led improved eCommerce efficiency, boosting client sales by 40% through innovative back-end solutions and seamless integrations.
Work Experience
Technical Team Lead
2022 - 2024
Code Graphers
- Was in charge of performance optimization, management, and improving product quality.
- Led a team of seasoned JavaScript developers to execute projects successfully.
- Participated in architectural discussions to achieve scalability and performance.
Technologies: JavaScript, React, PostgreSQL, SQL, REST APIs, GraphQL, APIs, HTML, CSS, User Interface (UI), MongoDB, MySQL, Design, GitHub, Vue, Web Design, Responsive Web Design (RWD), NestJS, Amazon Web Services (AWS), Agora, Web & Mobile Applications, Stripe, Front-end Development, Auth0, Front-end Design, HTML5, Material UI, Styled-components, Figma, Full-stack, MUI CSS, Full-stack Development, Stripe API, Firebase Cloud Functions, Google Cloud Functions, Google Cloud Platform (GCP), Software Architecture, Security, Google Analytics, API Integration, REST API Clients, Lodash, Server-side Rendering (SSR), Sockets, jQuery, CSS3, Back-end, Dashboards, Jira REST API, Git, Startups, Build Processes, Key Performance Metrics, Scalability, Front-end, JSON, JSON API, Contentful, Headless CMS, Vercel, REST, React Query, React Router, PDF, Email, SendGrid, Puppeteer, Express.js, Marketplaces, Vite, Jest, Cypress, Ant Design, Firebase Analytics, Firebase Hosting, Cloud Firestore, Objective-C, eCommerce, Tailwind CSS, Mobile Development, Progressive Web Applications (PWAs), Pixel Perfect, Architecture, Scheduling, Google Calendar, Calendars, Document Management Systems (DMS), Tailwind UI, Minimum Viable Product (MVP), NoSQL, CSS Modules, Firebase, Payment APIs, Ruby, Ruby on Rails (RoR), MariaDB, Twilio, Plaid API, Artificial Intelligence (AI), Payment Processing
Software Engineer
2021 - 2022
CodingCops
- Contributed to data fixes and high-priority bug fixes on the production app.
- Implemented various HR tool integrations in our app.
- Worked actively on product quality and defined the app's new architecture.
Technologies: JavaScript, React, PostgreSQL, SQL, REST APIs, GraphQL, APIs, HTML, CSS, SCSS, User Interface (UI), MongoDB, MySQL, Design, GitHub, Vue, Web Design, Responsive Web Design (RWD), NestJS, Amazon Web Services (AWS), Agora, Web & Mobile Applications, Stripe, Front-end Development, Auth0, Front-end Design, HTML5, Material UI, Styled-components, Figma, Full-stack, MUI CSS, Firebase, Stripe API, Security, API Integration, REST API Clients, Server-side Rendering (SSR), jQuery, CSS3, Back-end, Dashboards, Git, Front-end, JSON, JSON API, Contentful, Headless CMS, Vercel, REST, React Query, React Router, PDF, Email, SendGrid, Puppeteer, Express.js, Marketplaces, Vite, Jest, Cypress, Ant Design, Firebase Analytics, Firebase Hosting, Cloud Firestore, Objective-C, eCommerce, Mobile Architecture, Tailwind CSS, Responsive Web Apps, Mobile Development, Progressive Web Applications (PWAs), Pixel Perfect, Architecture, Scheduling, Google Calendar, Calendars, Document Management Systems (DMS), Tailwind UI, Minimum Viable Product (MVP), NoSQL, CSS Modules, Payment APIs, Ruby, Ruby on Rails (RoR), Plaid API, Payment Processing
Associate Software Engineer
2021 - 2021
TechClan
- Implemented very complex business requirements on React.
- Used webhook and client APIs to send and receive data.
- Developed the front end according to the Figma designs.
Technologies: JavaScript, React, Node.js, TypeScript, SQL, REST APIs, GraphQL, APIs, HTML, CSS, SCSS, User Interface (UI), MongoDB, MySQL, Design, GitHub, Web Design, Responsive Web Design (RWD), NestJS, PostgreSQL, Web & Mobile Applications, Stripe, Front-end Development, Front-end Design, HTML5, Material UI, Styled-components, Figma, Full-stack, MUI CSS, Security, API Integration, REST API Clients, Back-end, Amazon Web Services (AWS), Git, Front-end, JSON, JSON API, Contentful, Headless CMS, Vercel, REST, React Query, React Router, PDF, Email, SendGrid, Express.js, Vite, Jest, Cypress, Firebase Analytics, Firebase Hosting, Cloud Firestore, Objective-C, eCommerce, Mobile Development, Architecture, Scheduling, Google Calendar, Calendars, Tailwind UI, Minimum Viable Product (MVP), NoSQL, CSS Modules, Firebase, Payment APIs, Payment Processing
Full-stack Developer
2020 - 2021
Rent Everything
- Developed an application with the slogan Rent Everything, allowing users to rent cars, properties, and services.
- Started the development process from scratch and completed it.
- Sold the product to an investor while development was in progress.
Technologies: React, Design, GitHub, Web Design, Responsive Web Design (RWD), Web & Mobile Applications, Front-end Development, Front-end Design, HTML5, Material UI, Styled-components, Full-stack, MUI CSS, REST API Clients, Back-end, Git, Vercel, REST, PDF, Email, SendGrid, Express.js, Vite, Cypress, Mobile Development, Architecture, Google Calendar, Tailwind UI, Minimum Viable Product (MVP), Firebase, Payment APIs
Experience
Upcover
https://www.upcover.com/Upcover is an insurance platform designed specifically for small businesses in Australia. Its user-friendly interface aims to simplify the process of obtaining business insurance.
PROBLEM STATEMENT
Traditional business insurance processes can be unmanageable, time-consuming, and often do not meet small businesses' specific needs. Many small business owners struggle with understanding complex insurance jargon and dealing with lengthy paperwork.
SOLUTION
As part of a 3-person front-end development team, we built Upcover from the ground up, focusing on creating a great user experience. The platform features an easy-to-use interface that guides users through the insurance selection process. It provides clear, straightforward information and allows businesses to obtain coverage quickly and easily without the usual struggle.
TECHNOLOGIES
• Front-end: React, Redux, HTML5, CSS3, JavaScript
• Back-end integration: RESTful APIs
PROBLEM STATEMENT
Traditional business insurance processes can be unmanageable, time-consuming, and often do not meet small businesses' specific needs. Many small business owners struggle with understanding complex insurance jargon and dealing with lengthy paperwork.
SOLUTION
As part of a 3-person front-end development team, we built Upcover from the ground up, focusing on creating a great user experience. The platform features an easy-to-use interface that guides users through the insurance selection process. It provides clear, straightforward information and allows businesses to obtain coverage quickly and easily without the usual struggle.
TECHNOLOGIES
• Front-end: React, Redux, HTML5, CSS3, JavaScript
• Back-end integration: RESTful APIs
Rent Everything
https://www.rentanything.io/Rent Everything is a web application with the slogan "rent everything." It serves as a broad rental marketplace, offering categories such as cars, properties, and various services. The platform connects renters and rentees, providing a secure and efficient rental process.
PROBLEM STATEMENT
Users seeking rental services for cars, properties, and various other items often struggle by navigating multiple platforms, each specializing in a single category. This fragmented experience makes it challenging to compare options and find the best deals efficiently.
SOLUTION
As a full-stack developer on the core team, I contributed to building a unified platform that combines various rental categories into a single website. We developed features such as a fast search and filter system, user reviews, secure payment processing, and a user-friendly interface. This all-in-one solution simplifies the rental process for both renters and service providers.
TECHNOLOGIES
• Front-end: Angular, Bootstrap, JavaScript
• Back-end: Node.js, Express.js
• Database: MongoDB
• Additional: Payment gateways, authentication systems
PROBLEM STATEMENT
Users seeking rental services for cars, properties, and various other items often struggle by navigating multiple platforms, each specializing in a single category. This fragmented experience makes it challenging to compare options and find the best deals efficiently.
SOLUTION
As a full-stack developer on the core team, I contributed to building a unified platform that combines various rental categories into a single website. We developed features such as a fast search and filter system, user reviews, secure payment processing, and a user-friendly interface. This all-in-one solution simplifies the rental process for both renters and service providers.
TECHNOLOGIES
• Front-end: Angular, Bootstrap, JavaScript
• Back-end: Node.js, Express.js
• Database: MongoDB
• Additional: Payment gateways, authentication systems
SaplingHR
https://www.saplinghr.com/HerdPay is a fintech application that simplifies group payments, such as splitting bills and group checkouts. It offers a straightforward way for users to manage shared expenses.
PROBLEM STATEMENT
Managing group expenses, such as splitting bills among friends or family, can often lead to confusion, miscommunication, and even conflicts. Traditional payment systems do not always cater to the specific needs of group payments, making it challenging to distribute costs fairly.
SOLUTION
As a senior software engineer at HerdPay, I was responsible for developing new features and enhancing existing ones. The platform includes functionalities like automatic bill splitting, group payment options, and detailed transaction records. These features simplify the process of managing shared expenses, making it easy and transparent for all parties involved.
TECHNOLOGIES
• Front-end: Vue, Vuetify, JavaScript
• Back-end: Node.js, Express.js
• Database: MySQL
• Additional: Payment gateways, security measures
PROBLEM STATEMENT
Managing group expenses, such as splitting bills among friends or family, can often lead to confusion, miscommunication, and even conflicts. Traditional payment systems do not always cater to the specific needs of group payments, making it challenging to distribute costs fairly.
SOLUTION
As a senior software engineer at HerdPay, I was responsible for developing new features and enhancing existing ones. The platform includes functionalities like automatic bill splitting, group payment options, and detailed transaction records. These features simplify the process of managing shared expenses, making it easy and transparent for all parties involved.
TECHNOLOGIES
• Front-end: Vue, Vuetify, JavaScript
• Back-end: Node.js, Express.js
• Database: MySQL
• Additional: Payment gateways, security measures
HerdPay
HerdPay is fintech project focused on splitting bills and group checkout.
As a senior software engineer on HerdPay, I was responsible for developing new features and improving the already implemented ones.
As a senior software engineer on HerdPay, I was responsible for developing new features and improving the already implemented ones.
DuroLabs
https://www.durolabs.co/PROBLEM STATEMENT
Engineering teams in hardware product development face challenges with complex data, inter-team coordination, and frequent design revisions. Traditional PLM tools are cumbersome, lack CAD integration, and do not support agile workflows well, leading to time wasted on administrative tasks.
SOLUTION
• CAD Integration: Easily share and update designs with Solidworks, Onshape, and Altium.
• Centralized Data: Manage BOMs, revisions, and documentation in one place for accuracy.
• Agile Support: Enable faster iterations and improved collaboration with agile workflows.
KEY CONTRIBUTIONS
• Enhanced Onshape component syncing.
• Developed database migration scripts and optimized website performance.
• Collaborated on electrical assembly revisions.
• Converted modules to microservices using Apollo Federation and GraphQL.
• Introduced Redis caching and cron jobs, improving user performance by 60%.
TECH STACK
• React
• CronJobs
• Node.js
• Express.js
• Redis
• Elasticsearch
• Apollo Federation
• Apollo Server
• Apollo Client
• GraphQL
• MUI
• Microservice Architecture
• Prisma
• MongoDB
• PostgreSQL
• Nexus
• Pothos
• Docker
• PropelAuth
• Kafka
• Redux
• CAD Integrations
• Redux Saga
Engineering teams in hardware product development face challenges with complex data, inter-team coordination, and frequent design revisions. Traditional PLM tools are cumbersome, lack CAD integration, and do not support agile workflows well, leading to time wasted on administrative tasks.
SOLUTION
• CAD Integration: Easily share and update designs with Solidworks, Onshape, and Altium.
• Centralized Data: Manage BOMs, revisions, and documentation in one place for accuracy.
• Agile Support: Enable faster iterations and improved collaboration with agile workflows.
KEY CONTRIBUTIONS
• Enhanced Onshape component syncing.
• Developed database migration scripts and optimized website performance.
• Collaborated on electrical assembly revisions.
• Converted modules to microservices using Apollo Federation and GraphQL.
• Introduced Redis caching and cron jobs, improving user performance by 60%.
TECH STACK
• React
• CronJobs
• Node.js
• Express.js
• Redis
• Elasticsearch
• Apollo Federation
• Apollo Server
• Apollo Client
• GraphQL
• MUI
• Microservice Architecture
• Prisma
• MongoDB
• PostgreSQL
• Nexus
• Pothos
• Docker
• PropelAuth
• Kafka
• Redux
• CAD Integrations
• Redux Saga
Education
2017 - 2021
Bachelor's Degree in Computer Science
COMSATS University Islamabad - Lahore, Punjab, Pakistan
Skills
Libraries/APIs
React, Node.js, Antd, REST APIs, Stripe, Lodash, Sockets, jQuery, Jira REST API, JSON API, React Query, React Router, Vue, Stripe API, Puppeteer, Google Calendar API, Plaid API
Tools
GitHub, Git, SendGrid, Firebase Analytics, Agora, Auth0, Figma, Google Analytics
Languages
JavaScript, TypeScript, HTML, CSS, SQL, HTML5, CSS3, Objective-C, Ruby, GraphQL, SCSS, Go
Frameworks
Next.js, Redux, Material UI, Express.js, MUI CSS, Jest, Cypress, Ruby on Rails (RoR), NestJS, Tailwind CSS, Ant Design, Yarn
Paradigms
Responsive Web Design (RWD), REST, Object-oriented Programming (OOP), Key Performance Metrics, Mobile Development
Platforms
Amazon Web Services (AWS), Firebase, Contentful, Vercel, Google Cloud Platform (GCP), Azure, Twilio, iOS
Storage
PostgreSQL, MongoDB, MySQL, JSON, Cloud Firestore, NoSQL, Databases, MariaDB, Amazon S3 (AWS S3)
Industry Expertise
Web Design
Other
Data Structures, Web Development, APIs, User Interface (UI), Design, Web & Mobile Applications, Front-end Development, Front-end Design, Styled-components, Full-stack, Full-stack Development, Security, API Integration, REST API Clients, Server-side Rendering (SSR), Booking, Back-end, Dashboards, Front-end, Headless CMS, PDF, Email, Marketplaces, Vite, Firebase Hosting, eCommerce, Progressive Web Applications (PWAs), Architecture, Google Calendar, Tailwind UI, Minimum Viable Product (MVP), Payment APIs, Payment Processing, Firebase Cloud Functions, Startups, Build Processes, Scalability, Mobile Architecture, Responsive Web Apps, Pixel Perfect, Scheduling, Calendars, Document Management Systems (DMS), CSS Modules, Artificial Intelligence (AI), Google Cloud Functions, Software Architecture, MERN Stack
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