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 seven 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
InsureTech
React, Next.js, Node.js, Firebase, Cloud Firestore, Firebase Cloud Functions...
Code Graphers
JavaScript, React, PostgreSQL, SQL, REST APIs, GraphQL, APIs, HTML, CSS...
CodingCops
JavaScript, React, PostgreSQL, SQL, REST APIs, GraphQL, APIs, HTML, CSS, SCSS...
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
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
Senior Engineer/Manager
2024 - PRESENT
InsureTech
- Developed an application that mints life insurance policies. It currently has over $500 million minted on chain.
- Built a tool to optimize personal financing to reduce interest payments and increase net worth over time.
- Took responsibility for launching six in-house applications.
Technologies: React, Next.js, Node.js, Firebase, Cloud Firestore, Firebase Cloud Functions, Vercel, Data Visualization, Relational Databases, Laravel, Data Modeling, Event-driven Architecture, Amazon EC2, AWS IAM, Python, Back-end Development, CI/CD Pipelines, FastAPI, Claude, Cursor AI, Three.js, Supabase, Technical Leadership, CTO, Leadership, OfficeJS, Microsoft Excel, Component Libraries, ESLint, NPM, Leaflet, LangGraph, Large Language Models (LLMs), AWS Amplify, Authentication, Amazon S3 (AWS S3), Docker, OpenAI, Redis Cache, DevOps, Single Sign-on (SSO), Kubernetes, React Native, Figma, WebGL, 3D Motion Graphics, CAD, WP-CLI, WordPress, Mobile App Development, Amazon Virtual Private Cloud (VPC), Database Schema Design, Deployment, Chart.js, JSON Web Tokens (JWT), React Hook Form, XLSX File Processing, jsPDF, Shadcn, OAuth, Serverless Architecture, Lovable, Azure DevOps, Debugging, Visual Studio Code (VS Code), ExcelJS, Plugins, HubSpot, Strapi, API Development, API Architecture, API Design, API Testing, AI Integration, DocuSign, Finance, Fintech, AWS Lambda, Amazon API Gateway, Amazon Aurora, Amazon DynamoDB, Amazon RDS, Amazon Simple Notification Service (SNS), Performance Optimization, Test-driven Development (TDD)
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, Relational Databases, Laravel, Data Modeling, Event-driven Architecture, Amazon EC2, AWS IAM, Python, Back-end Development, CI/CD Pipelines, FastAPI, Leadership, OfficeJS, Microsoft Excel, Component Libraries, ESLint, NPM, Leaflet, PostGIS, LangGraph, Large Language Models (LLMs), AWS Amplify, Authentication, Amazon S3 (AWS S3), Docker, OpenAI, Redis Cache, DevOps, Single Sign-on (SSO), Kubernetes, React Native, WebGL, 3D Motion Graphics, CAD, Mobile App Development, Amazon Virtual Private Cloud (VPC), Database Schema Design, Deployment, Chart.js, JSON Web Tokens (JWT), React Hook Form, XLSX File Processing, jsPDF, Shadcn, OAuth, Serverless Architecture, Webhooks, Azure DevOps, Debugging, Excel Add-ins, Office Add-ins, Visual Studio Code (VS Code), Plugins, Strapi, Angular, API Development, API Architecture, API Design, API Testing, AI Integration, AWS Lambda, Amazon API Gateway, Amazon DynamoDB, Amazon RDS, Amazon Simple Notification Service (SNS), Performance Optimization, Test-driven Development (TDD)
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, Relational Databases, Laravel, Data Modeling, Event-driven Architecture, Amazon EC2, AWS IAM, Back-end Development, CI/CD Pipelines, Microsoft Excel, Component Libraries, ESLint, NPM, AWS Amplify, Authentication, Amazon S3 (AWS S3), Docker, OpenAI, Redis Cache, DevOps, Single Sign-on (SSO), Kubernetes, React Native, WebGL, Mobile App Development, Amazon Virtual Private Cloud (VPC), Database Schema Design, Deployment, Chart.js, JSON Web Tokens (JWT), React Hook Form, jsPDF, OAuth, Serverless Architecture, Webhooks, Debugging, Excel Add-ins, Office Add-ins, Visual Studio Code (VS Code), Angular, API Development, API Architecture, API Design, Test-driven Development (TDD)
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, Laravel, Amazon EC2, AWS IAM, Microsoft Excel, Component Libraries, ESLint, NPM, AWS Amplify, Authentication, OpenAI, Single Sign-on (SSO), React Native, WP-CLI, WordPress, Mobile App Development, JSON Web Tokens (JWT), React Hook Form, Webhooks, Debugging, Excel Add-ins, Office Add-ins, Visual Studio Code (VS Code), API Architecture, API Design, Test-driven Development (TDD)
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, AWS IAM, Microsoft Excel, Component Libraries, ESLint, NPM, AWS Amplify, Authentication, JSON Web Tokens (JWT), Webhooks, Debugging, PHP
Experience
Dashboards for Delivery Hero (via Toptal)
As part of a Toptal engagement with Delivery Hero—one of the world’s largest food delivery enterprises—I developed a suite of interactive data visualization dashboards to provide business and engineering teams with actionable insights. These dashboards offered visibility into technology costs, order losses, performance, and integration health across multiple regions.
I architected scalable front-end solutions using React, TypeScript, and Tailwind UI, with a focus on clarity, performance, and maintainability. I implemented dynamic charting and tabular layouts powered by Looker and Looker Studio, ensuring consistent design, responsive layouts, and unified color coding.
I also developed features for automated XLSX ingestion, real-time data updates, and advanced filtering, enabling stakeholders to analyze key metrics efficiently. Additionally, I supported back-end optimization and DevOps workflows to ensure smooth, reliable deployments.
These dashboards became a core tool in Delivery Hero’s decision-making process, reducing reporting time and improving global operational visibility.
TECHNOLOGIES
React, TypeScript, Tailwind UI, Looker, Looker Studio, Shadcn, XLSX processing, DevOps, data visualization.
I architected scalable front-end solutions using React, TypeScript, and Tailwind UI, with a focus on clarity, performance, and maintainability. I implemented dynamic charting and tabular layouts powered by Looker and Looker Studio, ensuring consistent design, responsive layouts, and unified color coding.
I also developed features for automated XLSX ingestion, real-time data updates, and advanced filtering, enabling stakeholders to analyze key metrics efficiently. Additionally, I supported back-end optimization and DevOps workflows to ensure smooth, reliable deployments.
These dashboards became a core tool in Delivery Hero’s decision-making process, reducing reporting time and improving global operational visibility.
TECHNOLOGIES
React, TypeScript, Tailwind UI, Looker, Looker Studio, Shadcn, XLSX processing, DevOps, data visualization.
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
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
SaplingHR is a human resources platform that streamlines onboarding, offboarding, and core HR operations as part of the Kallidus suite. It helps organizations efficiently capture employee information, manage workflows, and ensure smooth coordination across teams throughout the employee lifecycle.
PROBLEM STATEMENT
Many companies struggle with manual onboarding and offboarding processes, as well as fragmented systems and limited visibility, which leads to missed tasks and inconsistent employee experiences.
SOLUTION
As a software engineer at SaplingHR, I contributed to the development and optimization of modules for preboarding, task management, and the people directory. The platform includes automated workflows, digital document signing, real-time task tracking, and an interactive org chart. Its fully responsive design enables HR teams, managers, and employees to manage their tasks seamlessly from any device, improving transparency and efficiency.
TECHNOLOGIES
React, Redux, Material UI, JavaScript, TypeScript, Ruby on Rails, PostgreSQL, Workflow automation, API integrations.
PROBLEM STATEMENT
Many companies struggle with manual onboarding and offboarding processes, as well as fragmented systems and limited visibility, which leads to missed tasks and inconsistent employee experiences.
SOLUTION
As a software engineer at SaplingHR, I contributed to the development and optimization of modules for preboarding, task management, and the people directory. The platform includes automated workflows, digital document signing, real-time task tracking, and an interactive org chart. Its fully responsive design enables HR teams, managers, and employees to manage their tasks seamlessly from any device, improving transparency and efficiency.
TECHNOLOGIES
React, Redux, Material UI, JavaScript, TypeScript, Ruby on Rails, PostgreSQL, Workflow automation, API integrations.
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
FundEvolve – Empowering Financial Confidence for Women
https://fundevolve.com/DESCRIPTION
FundEvolve is a fintech platform empowering women through financial education, inclusion, and personalized planning. Built around the mission of promoting Justice, Equity, Diversity, and Inclusion (J.E.D.I.), it provides accessible tools to help women gain financial confidence and independence.
I contributed to the development of a scalable content management system using Strapi, enabling seamless management of educational resources, financial insights, and program updates. The system integrates smoothly with the React front-end, delivering a secure, high-performance, and extensible API layer for all user-facing content.
KEY CONTRIBUTIONS
• Built a Strapi-based CMS for managing financial content and learning materials.
• Developed secure, flexible REST APIs for front-end integration.
• Implemented user engagement modules for personalized insights.
• Ensured accessibility and mobile-first design compliance.
• Collaborated with leadership to align technical execution with FundEvolve’s mission of financial empowerment.
TECH STACK
• Strapi (headless CMS), React, Node.js, REST API, PostgreSQL
FundEvolve is a fintech platform empowering women through financial education, inclusion, and personalized planning. Built around the mission of promoting Justice, Equity, Diversity, and Inclusion (J.E.D.I.), it provides accessible tools to help women gain financial confidence and independence.
I contributed to the development of a scalable content management system using Strapi, enabling seamless management of educational resources, financial insights, and program updates. The system integrates smoothly with the React front-end, delivering a secure, high-performance, and extensible API layer for all user-facing content.
KEY CONTRIBUTIONS
• Built a Strapi-based CMS for managing financial content and learning materials.
• Developed secure, flexible REST APIs for front-end integration.
• Implemented user engagement modules for personalized insights.
• Ensured accessibility and mobile-first design compliance.
• Collaborated with leadership to align technical execution with FundEvolve’s mission of financial empowerment.
TECH STACK
• Strapi (headless CMS), React, Node.js, REST API, PostgreSQL
Derm to Door – Skincare and Teledermatology Platform
Derm to Door is a full-stack healthcare and eCommerce platform delivering personalized dermatology care through a seamless, HIPAA-compliant experience. It connects patients with board-certified dermatologists to receive tailored skincare regimens and order recommended products online. Abdullah contributed to the end-to-end development of both the patient web and mobile portals and the doctor dashboard. Patients could complete AI-based skin assessments, receive treatment plans, and purchase curated products, while doctors managed prescriptions and follow-ups through a secure portal. Built using React, Node.js, and PostgreSQL, the platform featured secure authentication, role-based access, and real-time data syncing. Abdullah helped integrate AI-driven recommendations and automated workflows, showcasing his ability to build scalable, data-driven healthtech solutions blending clinical precision with modern software craftsmanship.
Hustle Hub
Hustle Hub is a SaaS platform designed to empower independent professionals and small business owners with a unified solution to manage their digital presence, bookings, invoicing, and payments. The platform streamlines business operations by combining essential tools into a single, intuitive interface.
I was brought in during the final stages of development (post-MVP) to transition the product from a no-code prototype into a production-ready application and prepare it for public beta launch.
KEY CONTRIBUTIONS:
• Deployed the platform to production and configured domain-level setup for a seamless launch.
• Finalized and implemented Google Calendar and Gmail integrations, including OAuth flow, syncing logic, and compliance requirements for Google verification.
• Integrated and validated Stripe payment processing, ensuring secure and reliable transactions.
• Enhanced the existing React and Supabase codebase, improving structure, scalability, and maintainability.
• Implemented URL shortening and user-friendly landing page links for better sharing and user experience.
• Provided strategic guidance on hosting, performance optimization, and beta readiness.
• Ensured smooth CI/CD workflows and version control practices using GitHub.
I was brought in during the final stages of development (post-MVP) to transition the product from a no-code prototype into a production-ready application and prepare it for public beta launch.
KEY CONTRIBUTIONS:
• Deployed the platform to production and configured domain-level setup for a seamless launch.
• Finalized and implemented Google Calendar and Gmail integrations, including OAuth flow, syncing logic, and compliance requirements for Google verification.
• Integrated and validated Stripe payment processing, ensuring secure and reliable transactions.
• Enhanced the existing React and Supabase codebase, improving structure, scalability, and maintainability.
• Implemented URL shortening and user-friendly landing page links for better sharing and user experience.
• Provided strategic guidance on hosting, performance optimization, and beta readiness.
• Ensured smooth CI/CD workflows and version control practices using GitHub.
Full-stack Developer for Azure-hosted Social Enterprise Application (React & FastAPI)
Worked as a senior full-stack engineer on a 10-week engagement to extend and productionize a social enterprise platform built with React and FastAPI. Independently implemented multiple business-critical features from Figma designs, collaborating closely with stakeholders while delivering production-ready functionality within an existing Azure-hosted environment.
Key contributions included building a multi-step Planning Guide workflow with pre-call tasks, collaborative activities, and summary views, implementing complex UI components with validation and persistent state management, and developing new partner-facing pages using the existing design system and reusable component architecture. Integrated front-end functionality with FastAPI back-end services while ensuring seamless data persistence and API communication.
Contributed across both front-end and back-end layers using React, TypeScript, Tailwind CSS, Python, and FastAPI, while maintaining code quality, responsiveness, and performance. Successfully completed the project scope over a 10-week engagement, delivering all planned features and helping prepare the platform for continued product growth.
Key contributions included building a multi-step Planning Guide workflow with pre-call tasks, collaborative activities, and summary views, implementing complex UI components with validation and persistent state management, and developing new partner-facing pages using the existing design system and reusable component architecture. Integrated front-end functionality with FastAPI back-end services while ensuring seamless data persistence and API communication.
Contributed across both front-end and back-end layers using React, TypeScript, Tailwind CSS, Python, and FastAPI, while maintaining code quality, responsiveness, and performance. Successfully completed the project scope over a 10-week engagement, delivering all planned features and helping prepare the platform for continued product growth.
Senior Technical Advisor for React/Node.js SaaS Marketplace
Served as a senior solutions architect and technical auditor for a marketplace SaaS platform, reviewing architecture, code quality, cloud infrastructure, and production readiness. Conducted audits across React, Node.js, PostgreSQL, REST APIs, AWS, GitHub workflows, and CI/CD pipelines, identifying scalability, security, and maintainability risks.
Evaluated AWS infrastructure (EC2, RDS, S3, IAM) for performance, security, and cost optimization while assessing API design, authentication, and database architecture. Delivered structured audit reports with executive summaries, risk assessments, and prioritized recommendations, helping stakeholders improve code quality, strengthen architecture, and prepare the platform for scalable production deployment.
Evaluated AWS infrastructure (EC2, RDS, S3, IAM) for performance, security, and cost optimization while assessing API design, authentication, and database architecture. Delivered structured audit reports with executive summaries, risk assessments, and prioritized recommendations, helping stakeholders improve code quality, strengthen architecture, and prepare the platform for scalable production deployment.
Education
2017 - 2021
Bachelor's Degree in Computer Science
COMSATS University Islamabad - Lahore, Punjab, Pakistan
Skills
Libraries/APIs
React, Node.js, Antd, REST APIs, Vue, Stripe, Lodash, Sockets, jQuery, Jira REST API, JSON API, React Query, React Router, AWS Amplify, Chart.js, React Hook Form, jsPDF, API Development, Stripe API, Puppeteer, Google Calendar API, Plaid API, Three.js, Leaflet, WebGL, ExcelJS, Google API
Tools
GitHub, Figma, Git, SendGrid, Firebase Analytics, AWS IAM, Claude, Microsoft Excel, NPM, Amazon Virtual Private Cloud (VPC), Shadcn, Amazon Simple Notification Service (SNS), Agora, Auth0, Google Analytics, WP-CLI, Looker, CAD
Languages
JavaScript, TypeScript, HTML, CSS, SQL, HTML5, CSS3, Objective-C, Ruby, Python, PHP, GraphQL, SCSS, Go
Frameworks
Next.js, Redux, Material UI, Express.js, MUI CSS, Jest, Cypress, Ruby on Rails (RoR), Laravel, React Native, JSON Web Tokens (JWT), NestJS, Tailwind CSS, Ant Design, LangGraph, Angular, Yarn
Paradigms
Responsive Web Design (RWD), REST, DevOps, Serverless Architecture, API Architecture, Test-driven Development (TDD), Object-oriented Programming (OOP), Key Performance Metrics, Mobile Development, Event-driven Architecture, Azure DevOps
Platforms
Amazon Web Services (AWS), Firebase, Contentful, Vercel, Amazon EC2, Docker, Kubernetes, WordPress, Visual Studio Code (VS Code), AWS Lambda, Google Cloud Platform (GCP), Azure, Twilio, iOS, HubSpot
Storage
PostgreSQL, MongoDB, MySQL, JSON, Cloud Firestore, Amazon S3 (AWS S3), NoSQL, Relational Databases, Amazon Aurora, Amazon DynamoDB, Databases, MariaDB, PostGIS, Redis Cache
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, Back-end Development, CI/CD Pipelines, FastAPI, Cursor AI, Technical Leadership, OfficeJS, Component Libraries, ESLint, Authentication, OpenAI, Single Sign-on (SSO), Database Schema Design, Deployment, XLSX File Processing, OAuth, Webhooks, Lovable, Debugging, Strapi, API Design, API Testing, AI Integration, Finance, Amazon API Gateway, Amazon RDS, Performance Optimization, 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), Data Modeling, Supabase, Leadership, Large Language Models (LLMs), Mobile App Development, Plugins, DocuSign, Fintech, Google Cloud Functions, Software Architecture, MERN Stack, Data Visualization, Analytical Dashboards, Looker Studio, CTO, 3D Motion Graphics, Excel Add-ins, Office Add-ins, System Architecture, Code Review, Code Auditing, Technical Documentation
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