Hafsa Maqsood Khan
Verified Expert in Engineering
React Developer
Hafsa is a skilled full-stack software developer with experience working with startups, product-based clients, and remote teams. She focuses on innovative and agile business solutions—past successes include a pipeline delivered to automate the deployments and Firestore integrations to obtain live data at runtime and reduce server load. Hafsa is not afraid to tackle new technology and constantly strives to broaden her skillset and discover ways to apply new knowledge to her work.
Portfolio
Experience
Availability
Preferred Environment
Amazon Web Services (AWS), MacOS, GitHub, Slack, Skype
The most amazing...
...thing I've developed is an AI bot that records and transcribes meetings across multiple platforms like Zoom and Google Meet using Puppeteer and nut.js.
Work Experience
React Developer
STB Software Development B.V.
- Developed a cutting-edge client portal for the stablecoin cryptocurrency, which enabled seamless integration of wallets and bank accounts, as well as streamlined buy and sell functionality for cryptocurrencies.
- Demonstrated a keen eye for quality assurance by creating unit tests and stories for every component.
- Implemented an advanced UI design system, utilizing headless UI and styled-components to ensure a fully responsive and visually stunning user experience based on the atomic design approach.
- Integrated Google logins resulting in a streamlined and secure user authentication process.
- Published an internal library to facilitate the reuse of UI components across multiple portals packaged using Vite 4 and SWC.
Senior Full-stack Developer
NoteRouter
- Solved legacy bugs in saving email drafts, which helped in improving customer and overall system reliability.
- Migrated MUI from v4 to v5, which enabled the use of advanced features of version 5.
- Improved the efficiency of sending out bulk emails and implemented personalization to email templates for bulk recipients, using handlebars and SendGrid.
- Improved the response time, optimized Mongo queries, and refactored APIs.
- Implemented CI/CD pipeline for the deployment of a React app.
Senior Back-end Engineer
Airlift Technologies
- Built a microservice to digitalize packaging material distribution and consumption solutions to reduce packaging cost per order, using NestJS, Fastify, TypeORM, and Postgres.
- Streamlined communication across different microservices with AWS SQS and event broker.
- Developed and deployed Lua scripts in Redis to perform custom atomic operations.
- Worked on internal packages, including caching in Redis, event broker messaging with SQS and protection with Auth Guard.
- Deployed Lambda functions to dump user data from third-party APIs into Snowflake to provide analytics to the product team.
- Created CDK pipelines to automate and streamline the deployment of Lambda functions.
- Wrote test cases and maintained a test coverage of 85% using Jest, which helped inform breaking changes before time.
- Developed many end-to-end features for Android apps using the MVVM architecture and Firestore for live updates and push notifications.
Full-stack Developer
An Online Freelance Agency
- Designed, architected, and developed the website for a real estate company from scratch using React, TypeScript, NestJS, and MongoDB.
- Enhanced SEO and user experience by developing the landing site with Next.js.
- Internationalized the React and Next.js app using i18n to reach potential customers across the globe.
- Implemented Stripe integration for processing monthly and yearly subscriptions.
- Integrated a REST API using Axios with cancellation tokens to reduce the network load of repetitive calls.
- Led and designed boot camps for the new joiners and trained up to five developers.
- Created a mail delivery service using Amazon SES to reduce mail delivery time.
- Optimized server memory usage by adding support for saving media to AWS S3.
- Reduced the website's loading time by adding lazy loading, Gzip compression, and code reusability.
- Enhanced the user experience by adding support for dynamic subdomains and theming for vendors.
Full-stack Developer
Fireflies AI
- Reduced the load time by four times by migrating the dashboard app from React v15 to v17, along with code optimization and refactoring.
- Developed a microservice using Puppeteer, nut.js, and a captcha solver to record and transcribe meetings with Google Kubernetes Engine (GKE) for Zoom and Google Meets.
- Implemented Slack commands for automation of customer support and debugging.
- Published custom bit packages to be used as dependency across different microservices.
- Created a landing site using Next.js, wrote test cases using the React Testing library, and assured 90% test coverage, leading to a 20% increase in lead generation.
- Improved the system's overall reliability and automated alerts by integrating Sentry and New Relic alerts with PagerDuty.
Experience
OfficeTour
https://officetour.com/Sbitany B2B
http://b2b.sbitany.com/Skills
Languages
JavaScript, TypeScript, HTML, CSS, SQL, GraphQL, SCSS, HTML5, C++, C#, Python, Kotlin, Snowflake
Frameworks
Express.js, Next.js, Redux, Material UI, Bootstrap, Tailwind CSS, Jest, Serverless Framework, Fastify, NestJS, .NET
Libraries/APIs
React, Node.js, CSSinJS, React Redux, REST APIs, OpenAPI, React Router, Twilio API, RxJS, JSON API, Puppeteer, Vue, Handlebars, Antd
Tools
Amazon Simple Email Service (SES), Slack, Skype, Redux Thunk, Confluence, Jira, Figma, Google Analytics, Webpack, AWS CodeDeploy, Front-end Build Tools, NGINX, PM2, GitHub, GitLab CI/CD, Firebase Authentication, SendGrid, Bower Front-end Dependency Manager, Amazon Cognito
Paradigms
Microservices, Agile, Microservices Architecture, HTML DOM, Event-driven Architecture, Continuous Delivery (CD), Continuous Integration (CI), Design Patterns, API Architecture, Web Architecture, REST, Test-driven Development (TDD), Unit Testing, Responsive, Serverless Architecture, Scrum, Agile Software Development
Platforms
AWS Lambda, Amazon Web Services (AWS), Firebase, Software Design Patterns, Twilio, Google Cloud Platform (GCP), Vercel, Mapbox, Docker, MacOS, DigitalOcean, Meteor, Linux, Android
Storage
MongoDB, Amazon S3 (AWS S3), MySQL, NoSQL, Microsoft SQL Server, Google Cloud, JSON, Relational Databases, Redis, PostgreSQL, Amazon DynamoDB
Other
Styled-components, API Integration, Full-stack, Web Development, APIs, Firebase Cloud Functions, Full-stack Development, Hybrid Frameworks, Single-page Applications (SPA), Software, Front-end, Distributed Architecture, Chakra UI, ESLint, Enterprise, Enterprise Systems, Back-end, Back-end Development, Build Automation, Software Architecture, eCommerce, Online Ordering, User Experience (UX), User Interface (UI), Architecture, Large-scale Projects, Authentication, Server-side Rendering (SSR), JSON REST APIs, Video Streaming, Webhooks, AWS CodePipeline, Front-end Development, Responsive UI, Serverless, Lambda Functions, Atomic Design, Content Management Systems (CMS), Minimum Viable Product (MVP), TypeORM, Apps, Amazon RDS, Communication, Axios, DocumentDB, Headless UI
Education
Bachelor's Degree in Computer Science
University of Engineering and Technology - Lahore, Pakistan
How to Work with Toptal
Toptal matches you directly with global industry experts from our network in hours—not weeks or months.
Share your needs
Choose your talent
Start your risk-free talent trial
Top talent is in high demand.
Start hiring