Shahzaib is available for hire
Hire ShahzaibShahzaib Shahid
Verified Expert in Engineering
Software Developer
Lahore, Punjab, Pakistan
Toptal member since February 15, 2022
Bio
Shahzaib is a front-end developer with 6+ years of experience working with various web and mobile technologies. He loves to solve complex problems and is eager to experiment with modern technologies to address current digital issues. Shahzaib has previously been a top-rated seller at an online freelance agency, where he worked with numerous clients over a handful of projects, understood their requirements, and provided vital solutions.
Portfolio
Viva Enterprises Ltd.
Search Engine Optimization (SEO), JavaScript, Vue, Nuxt.js, BigCommerce...
Datalogics, Inc.
Content Management Systems (CMS), JavaScript, Nuxt.js, Vue, Tailwind CSS...
Mailmunch
React, Node.js, GraphQL, HTML5, CSS3, Elasticsearch, Tailwind CSS, Webpack...
Experience
- APIs - 6 years
- HTML - 6 years
- Git - 6 years
- JavaScript - 6 years
- CSS - 6 years
- Node.js - 5 years
- React - 4 years
- GraphQL - 2 years
Availability
Full-time
Preferred Environment
JavaScript, React, Node.js, GraphQL, HTML5, CSS3, Docker, Elasticsearch, Git, MySQL
The most amazing...
...project I've worked on is a complete redesign of the company's current app using the latest tech stack to achieve a highly-optimized front-end experience.
Work Experience
SEO Technical Expert
2024 - 2024
Viva Enterprises Ltd.
- Implemented server-side rendering (SSR), route-based caching, and a hybrid rendering approach using ClientOnly components and SVG sprites for icons, enhancing performance, user experience, and scalability.
- Utilized Schema.org for structured data and Open Graph meta tags, created dynamic templates, and optimized URL structure with SEO-focused redirections and descriptive category URL prefixes to improve search engine visibility and engagement.
- Selected BigCommerce for image hosting and Netlify for server hosting, streamlined search functionality, and implemented best practices for URL changes, ensuring seamless transitions and improved SEO performance.
Technologies: Search Engine Optimization (SEO), JavaScript, Vue, Nuxt.js, BigCommerce, SEO Tools, Search Engine Development, React, Next.js, Python, NGINX, FastAPI, Elasticsearch, eCommerce, Retail & Wholesale, Shopify, Magento, WooCommerce, Vue 3, Full-stack Development, Back-end, Front-end Development, GitHub
Developer
2023 - 2023
Datalogics, Inc.
- Migrated the company's main marketing website from WordPress/Elementor to a new headless CMS-based tech stack, improving site performance and content management capabilities.
- Implemented a headless CMS solution, evaluating and selecting Strapi for its robust content management features and ease of use for non-developers.
- Developed the new website using Vue/Nuxt.js, enhancing user experience with improved responsiveness and load times.
- Integrated Tailwind CSS into the new tech stack, ensuring a modern, responsive design that aligned with provided specifications and designs.
- Deployed the new website on Netlify, leveraging its continuous deployment features for streamlined updates and maintenance.
- Utilized AWS services to enhance website scalability, reliability, and performance.
- Conducted a comprehensive knowledge transfer session, training the internal team on maintaining and updating the new website to ensure ongoing smooth operation.
Technologies: Content Management Systems (CMS), JavaScript, Nuxt.js, Vue, Tailwind CSS, Netlify, Amazon Web Services (AWS), React, Next.js, Vue 3, Full-stack Development, Back-end, Front-end Development, GitHub
Senior Software Engineer
2020 - 2022
Mailmunch
- Implemented new features from scratch and enhanced existing features as per the feedback workflows.
- Oversaw a complete architecture revamp to merge several micro front-end applications with a single modular application to enhance the development workflows and performance of the product itself.
- Delivered numerous fundamental features from their inception to launch that directly impacted the product's revenue stream.
- Collaborated with the customer support and marketing teams to derive solutions and clear any hiccups.
- Integrated 3rd-party APIs, including Shopify, WiX, WordPress, Unlayer, and Mailchimp, and enhanced the product portfolio.
- Implemented the landing page A/B test feature that allows users to test out several variations of the same landing page campaign and identify better results for lead generation.
Technologies: React, Node.js, GraphQL, HTML5, CSS3, Elasticsearch, Tailwind CSS, Webpack, Docker, Cypress, JavaScript, WordPress, Responsive UI, jQuery, Front-end, REST APIs, Redux, TypeScript, Full-stack, Netlify, APIs, Git, Jira, REST, Localization, Internationalization, HTML, Antd, Express.js, Microservices, Amazon Web Services (AWS), React Native, Search Engine Optimization (SEO), MERN Stack, MongoDB, Test-driven Development (TDD), KISS, Storybook, React Router, Figma, UI Development, ECMAScript (ES6), Serverless, Strapi, Vue, Single-page Applications (SPAs), CI/CD Pipelines, Mobile Apps, Sass, User Interface (UI), Twilio, Heroku, Technical Leadership, Databases, API Integration, Vue 3, Full-stack Development, Back-end, Front-end Development, Artificial Intelligence (AI), GitHub
Software Engineer
2018 - 2020
Tintash
- Contributed as lead engineer for the organization's internal product Get Incredibles.
- Worked for the companies acquired by Bed Bath and Beyond, including decorist.com.
- Converted Zeplin-based designs to responsive graphical user interface (GUI) elements.
- Developed a dashboard for syncthink.com to keep track of data and provide visualizations for decision-making.
- Collaborated with Connecterra.io to implement data visualization on their platform.
Technologies: JavaScript, Angular, CSS3, React, Next.js, Node.js, HTML5, Front-end, REST APIs, GraphQL, Redux, Firebase, Full-stack, Netlify, APIs, MySQL, Git, Jira, REST, Localization, Internationalization, HTML, Antd, Responsive UI, Express.js, Microservices, Grunt, Amazon Web Services (AWS), React Native, Gatsby, Search Engine Optimization (SEO), MERN Stack, MongoDB, Test-driven Development (TDD), KISS, Storybook, Firebase Authentication, React Router, Figma, UI Development, ECMAScript (ES6), Serverless, Nuxt.js, Strapi, Vue, Single-page Applications (SPAs), CI/CD Pipelines, Sass, User Interface (UI), Heroku, Technical Leadership, Databases, API Integration, Full-stack Development, Back-end, Front-end Development, GitHub
Full-stack Engineer
2014 - 2020
Online Freelance Agency
- Worked on various single-page applications based on React, Next.js, Flutter, and React Native.
- Designed and consumed APIs using Node.js, Express, MongoDB, and Sequlize.
- Converted Zipline, Figma, and AdobeXD designs to responsive GUI elements.
- Collaborated with remote teams to develop features from scratch for various projects.
Technologies: JavaScript, HTML5, CSS, Material UI, Angular, WordPress, Next.js, SCSS, Front-end, REST APIs, React, Node.js, GraphQL, Redux, Firebase, Full-stack, APIs, MySQL, Git, Jira, REST, HTML, Antd, Responsive UI, Express.js, Microservices, Grunt, React Native, Gatsby, Search Engine Optimization (SEO), MERN Stack, MongoDB, KISS, Storybook, Firebase Authentication, Cloud Firestore, WebSockets, WebRTC, Figma, UI Development, ECMAScript (ES6), Serverless, Nuxt.js, Strapi, Vue, Single-page Applications (SPAs), WebView, CI/CD Pipelines, Mobile Apps, SEO Marketing, Sass, User Interface (UI), Databases, API Integration, Full-stack Development, Back-end, Front-end Development, GitHub
Software Engineer
2017 - 2018
Nextbridge
- Worked on a web application that allows users to order a door given different options.
- Contributed to applications that manage a company's portfolio to efficiently showcase its work to the client for future reference.
- Collaborated with the cross-functional team for requirement gathering and quality assurance processes.
Technologies: React, Node.js, Material UI, Front-end, REST APIs, JavaScript, GraphQL, Redux, TypeScript, Full-stack, APIs, Git, Jira, REST, HTML, Responsive UI, Express.js, MERN Stack, MongoDB, Firebase Authentication, React Router, UI Development, ECMAScript (ES6), Single-page Applications (SPAs), Sass, Databases, Front-end Development, GitHub
Software Engineer
2016 - 2017
OneByte
- Developed an application that helps discover new restaurants, order food delivery, and reserve a table for free.
- Created an application that helps discover new events and artists and book tickets.
- Took an active part in requirements gathering and client communications to provide the expected features.
- Managed the Jira board for task management created during the requirements gathering phase.
Technologies: JavaScript, HTML5, CSS3, React, Angular, Front-end, REST APIs, Node.js, GraphQL, Redux, Firebase, Full-stack, APIs, MySQL, Git, Jira, REST, HTML, Responsive UI, Express.js, UI Development, ECMAScript (ES6), User Interface (UI), Databases, Front-end Development
Experience
Email Marketing and Lead Capture Tool
Mailmunch is an email marketing and lead generation platform. For the past two years, I have been involved in almost all the available features on the platform, including:
• Making a fully functional Dynamic form layout for landing pages.
• Creating widgets for a Shopify product tool.
• Setting automation scheduling.
• Implementing landing page A/B testing.
• Overseeing UI components.
• Setting onboarding flows.
• Making a fully functional Dynamic form layout for landing pages.
• Creating widgets for a Shopify product tool.
• Setting automation scheduling.
• Implementing landing page A/B testing.
• Overseeing UI components.
• Setting onboarding flows.
Kizyr | Savings Groups App
Kizyr is a flexible and innovative digital platform for managing savings groups. I worked as a lead front-end engineer on this project. My responsibilities included:
• Implementing UI components as per the given design
• Optimizing front-end rerendering through memorization to prevent sluggish UI when loading a lot of data
• Implementing UI components as per the given design
• Optimizing front-end rerendering through memorization to prevent sluggish UI when loading a lot of data
3D Configurator App
The 3D configurator app was a one-stop solution for creating color and design palette variations for any 3D-based models. Those palette variations could then be integrated within eCommerce platforms to provide high-quality pre-rendered images and 3D visualization for each product's color or design variation.
I was the front-end developer and single-handled the complete front-end UI/UX redesign, including user-facing dashboards, a module for uploading 3D assets and textures, and our embeddable 3D glTF viewer based on Three.js.
I was the front-end developer and single-handled the complete front-end UI/UX redesign, including user-facing dashboards, a module for uploading 3D assets and textures, and our embeddable 3D glTF viewer based on Three.js.
Education
2012 - 2016
Bachelor's Degree in Information Technology
Institute for Business and Information Technology (IBIT) | University of the Punjab - Lahore, Pakistan
Skills
Libraries/APIs
React, Node.js, jQuery, Antd, React Redux, REST APIs, React Router, Vue, WebRTC, Vue 3
Tools
Jira, Sequelize, Webpack, Git, Firebase Authentication, Figma, GitHub, Grunt, Babel, WebView, LeadPages, NGINX
Languages
JavaScript, GraphQL, HTML5, CSS3, SCSS, CSS, HTML, TypeScript, ECMAScript (ES6), Dart, Sass, Python
Frameworks
Tailwind CSS, Next.js, Material UI, Redux, Express.js, React Native, Flutter, Nuxt.js, Cypress, Angular
Paradigms
REST, Microservices, Search Engine Optimization (SEO), Test-driven Development (TDD), KISS
Platforms
Firebase, Netlify, Mobile, Docker, WordPress, Amazon Web Services (AWS), Twilio, Heroku, BigCommerce, Shopify, Magento, WooCommerce
Storage
PostgreSQL, Elasticsearch, MySQL, MongoDB, Databases, Cloud Firestore
Industry Expertise
Retail & Wholesale
Other
Responsive UI, Software Engineering, Front-end, Full-stack, Gatsby, APIs, Internationalization, Localization, MERN Stack, UI Development, Serverless, Strapi, Single-page Applications (SPAs), CI/CD Pipelines, Mobile Apps, User Interface (UI), Technical Leadership, API Integration, Full-stack Development, Back-end, Front-end Development, Storybook, WebSockets, SEO Marketing, SEO Tools, Search Engine Development, FastAPI, eCommerce, Content Management Systems (CMS), Artificial Intelligence (AI)
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