Sadam Hussain

Senior Full Stack Engineer (React, Next.js, Node.js, TypeScript, Python)

Email: sadamhussain942@gmail.com | Phone: 226-758-9147 | LinkedIn: linkedin.com/in/sadamkhan7679 | Location: Windsor, Canada

PROFILE SUMMARY

Senior / Lead Full Stack Engineer with 7+ years of experience designing, building, and scaling production-grade, enterprise-scale web applications across the full stack — from React / Next.js frontends and Node.js / Express.js backend services to PostgreSQL, MySQL, and MongoDB data layers. Proven expertise in architecting RESTful APIs and GraphQL integrations with robust error handling, authentication, and scalable system design aligned with distributed systems principles and cloud-native delivery patterns.

Deep experience building serverless and event-driven architectures on AWS, containerized deployments with Docker, and automating delivery through CI/CD pipelines and GitHub Actions. Skilled in Python for backend services and automation, with working knowledge of FastAPI-style service development. Hands-on contributor to architectural decision records (ADRs), technical documentation, and product roadmap planning — bridging technical depth with product-focused execution.

Known for owning features end-to-end — from architecture and development through testing, deployment, and production reliability. Collaborates closely with Product, Design, QA, and Operations in Agile / Scrum environments. Leverages modern AI-assisted development tools to improve productivity and code quality. Authorized to work in Canada.

SKILLS

›Programming Languages: TypeScript, JavaScript (ES6+), Python, HTML5, CSS3, SQL
›Frontend Engineering: React, Next.js (App Router, SSR, ISR), React Native, Tailwind CSS, Material UI (MUI), Ant Design, Bootstrap
›Architecture & Design Patterns: Clean Architecture, MACH Architecture, Microservices Architecture, Serverless Architecture, Event-Driven Architecture, Micro-Frontends (Module Federation), Component-Driven Design, Design Systems, Backend-for-Frontend (BFF), Headless Architecture, Monorepo Architecture (Nx, Turborepo), API-First Design, Cloud-Native Architecture, Domain-Driven Design (DDD), Atomic Design Methodology
›Frontend Platform & Optimization: Server-Side Rendering (SSR), Incremental Static Regeneration (ISR), Static Site Generation (SSG), Code Splitting, Lazy Loading, Rendering Optimization, Web Performance Optimization, Webpack, Vite, Progressive Web Apps (PWA)
›State Management & Data Fetching: Redux Toolkit, RTK Query, TanStack Query (React Query), Zustand, SWR, Context API
›Backend & API Development: Node.js, Express.js, NestJS, REST APIs, RESTful API Design, GraphQL, Apollo Server, WebSockets, Middleware Development, API Versioning, API Gateway Patterns
›Databases & Data Layer: PostgreSQL, MySQL, MongoDB, Prisma, TypeORM, Sequelize, Mongoose, Database Schema Design, Query Optimization, Database Migrations, Redis (Caching)
›Authentication & Security: JWT Authentication, OAuth 2.0, Session-Based Auth, RBAC (Role-Based Access Control), CORS Configuration, CSRF/XSRF Protection, XSS Prevention, Input Sanitization
›Testing & Code Quality: Jest, React Testing Library, Cypress, Playwright, Unit Testing, Integration Testing, End-to-End (E2E) Testing, Test-Driven Development (TDD), Component Testing, ESLint, Prettier
›DevOps, CI/CD & Cloud: AWS (Lambda, ECS, ECR, S3), Docker, Containerization, GitHub Actions, Azure DevOps, Vercel, Kubernetes (K8s - Exposure), CI/CD Pipelines, Continuous Integration, Continuous Deployment, Serverless Functions, Git, GitHub
›Accessibility & UI Standards: WCAG 2.x Compliance, AODA Compliance, Accessible UI Development, Responsive Design, Mobile-First Design, Cross-Browser Compatibility, Pixel-Perfect Implementation, Figma to Code
›Enterprise & Integration: Enterprise Software Development, E-commerce Platforms, Salesforce Integration, Kafka Event Workflows, Third-Party API Integration, Payment Gateway Integration
›AI-Powered Applications: LLM Integration (OpenAI, Gemini), Generative AI Features, Agentic AI Workflows, AI-Assisted Development (Copilot), Vector Databases (Pinecone)
›Collaboration & Technical Leadership: Hands-On Feature Leadership, Code Reviews, Technical Mentorship, Architecture Reviews, Architectural Decision Records (ADRs), Technical Documentation, Cross-Functional Collaboration, Agile / Scrum, Sprint Planning, Stakeholder Communication
›Development Practices & Methodologies: Version Control (Git), Git Flow, Feature Flags, API Documentation (Swagger/OpenAPI), End-to-End Feature Ownership, Root Cause Analysis, Production Monitoring & Debugging, Error Handling & Logging

WORK EXPERIENCE

Lead / Senior Full-Stack Engineer | Universal Weather and Aviation, Inc.

2023/01 – present | Houston, USA | Remote

Designed, developed, and maintained enterprise-scale full-stack applications using React, TypeScript, and Node.js, supporting real-time, mission-critical workflows for global aviation operations.

›Designed, developed, and maintained enterprise-scale full-stack applications using React, TypeScript, and Node.js for mission-critical aviation operations.
›Led frontend architecture decisions and collaborated closely with backend teams to design Backend-for-Frontend (BFF) layers and define API contracts.
›Architected and implemented cloud-native deployment patterns on AWS, contributing to serverless service configurations and CI/CD pipelines.
›Authored and maintained technical documentation and contributed to architectural decision records (ADRs) ensuring traceable engineering decisions.
›Built and optimized React Native features for mobile workflows, ensuring performance parity and cross-platform consistency.
›Translated Figma designs into responsive, accessible interfaces strictly adhering to WCAG and AODA standards.
›Conducted systematic root-cause analysis on production issues, improving platform stability and documenting remediation patterns.
›Optimized application performance by improving state management, resolving rendering bottlenecks and implementing efficient caching.
›Acted as a hands-on technical lead, conducting structured code reviews and mentoring developers on React patterns and API design.
›Participated in sprint planning and Agile / Scrum ceremonies, delivering features end-to-end from concept to production.
›Implemented automated testing strategies using Jest, React Testing Library, and Cypress to maintain high regression safety.
›Leveraged AI-assisted development tools including GitHub Copilot to accelerate development workflows and improve code quality.

Full Stack Developer | ConvexTech Inc.

2022/03 – 2022/12 | Lahore, Pakistan

Built and delivered production-grade web applications using React, TypeScript, Node.js, and Express.js with MongoDB, contributing to end-to-end feature development.

›Built and delivered production-grade web applications using React, TypeScript, Node.js, and Express.js with MongoDB.
›Designed scalable frontend architectures with reusable component systems and predictable state management using Redux Toolkit and RTK Query.
›Integrated frontend applications with REST APIs and GraphQL, implementing secure authentication flows and robust error handling.
›Improved application performance and responsiveness through memoization, lazy loading, and rendering optimization.
›Worked with real-time and asynchronous data sources, implementing event-driven data flows under varying network conditions.
›Implemented unit and integration tests using Jest and React Testing Library, improving code reliability and reducing regressions.
›Collaborated closely with Product, Design, and Backend teams in an Agile environment, contributing to technical implementation decisions.

React Developer | iSoft Technologies

2020/08 – 2022/02 | Lahore, Pakistan

Developed and maintained production React applications using JavaScript (ES6+) and TypeScript, delivering feature enhancements and UI improvements.

›Developed and maintained production React applications using JavaScript (ES6+) and TypeScript for client-facing products.
›Built modular, reusable components and implemented clean component architectures, improving development efficiency across teams.
›Integrated REST APIs and collaborated with backend developers to ensure reliable data flows and consistent error handling.
›Focused on code quality and performance, identifying rendering issues and optimizing component lifecycles.
›Participated in code reviews and Agile ceremonies, contributing to shared coding standards and team best practices.
›Collaborated with designers to translate UI/UX requirements into responsive, production-ready interfaces meeting accessibility standards.

Frontend Developer | SoftPyramid

2019/01 – 2020/07 | Lahore, Pakistan

Developed and maintained frontend web applications using HTML, CSS, and JavaScript, creating responsive, accessible UI components.

›Developed and maintained frontend web applications using HTML, CSS, and JavaScript, creating responsive, accessible UI components.
›Collaborated with senior developers and designers to implement features and ensure cross-browser compatibility.
›Assisted in component architecture planning, contributing to reusable UI patterns and consistent design implementation.
›Participated in code reviews and Agile ceremonies, providing constructive feedback and supporting team knowledge sharing.

PROJECTS

Preplify: AI Interview Prep

Lead Full Stack Developer | https://preplify.spiralsync.com/

A production-grade, cloud-native AI interview preparation platform built on Next.js and TypeScript, designed to serve thousands of concurrent users with real-time, personalized interview experiences. The platform integrates multiple LLM providers (OpenAI and Gemini) through a unified orchestration layer, combining GraphQL for complex data relationships with REST endpoints for high-throughput AI workflows. Deployed via Docker-based CI/CD pipelines with GitHub Actions on scalable AWS infrastructure, the system features WebSocket-driven real-time communication, Zustand-powered state management for multi-step interview flows, and a mature component library that accelerates frontend feature delivery.

Tech Stack: Next.js, TypeScript, Node.js, REST APIs, GraphQL, LLM APIs, OpenAI, Gemini, WebSockets, Zustand, Tailwind CSS, Clerk Auth, Jest, React Testing Library, Playwright, GitHub Actions, Docker, AWS

›Architected and delivered a scalable headless Next.js + TypeScript platform for AI-driven interview preparation, supporting thousands of concurrent users across a high-traffic, production-grade environment.
›Designed a multi-provider LLM orchestration layer integrating OpenAI and Gemini APIs with provider-agnostic abstractions, enabling seamless failover and model switching without client-side changes.
›Architected a hybrid API layer combining GraphQL (for complex relational queries like user history, session analytics, and role-based content) with REST endpoints (for high-throughput, stateless AI inference requests), each optimized for its specific access pattern.
›Implemented strict API versioning and comprehensive error handling across all service boundaries, including retry logic with exponential backoff for LLM provider rate limits and transient failures.
›Engineered 30+ reusable atomic UI components with Tailwind CSS following a systematic design token approach, establishing a consistent design system that accelerated frontend feature delivery across the platform.
›Built real-time mock interview communication using WebSockets with automatic reconnection, heartbeat monitoring, and graceful degradation to polling when persistent connections are unavailable.
›Implemented multi-step interview state management using Zustand with middleware for session persistence, enabling users to resume interrupted practice sessions with full context restoration.
›Integrated Clerk Auth for secure authentication with role-based access control, session management, and OAuth provider support across the platform.
›Optimized rendering performance through strategic use of SSR for SEO-critical pages, ISR for semi-dynamic content, and client-side rendering for interactive interview flows, with code-splitting at the route level.
›Established a comprehensive testing pyramid with Jest and React Testing Library for unit/integration coverage, Playwright for end-to-end critical path validation, and GitHub Actions for automated CI/CD with Docker-based deployments to AWS.

Service Management Platform

Lead React.js Developer | https://servicemanagement.universalweather.com

An enterprise-scale Micro Frontend (MFE) platform for Universal Weather and Aviation, enabling distributed engineering teams to independently build, test, and deploy domain-specific features within a unified shell architecture. The platform integrates real-time aviation service workflows via Sabre REST and GraphQL APIs through Apollo Client, built on a Monorepo foundation with Webpack Module Federation for runtime module composition. The shell application orchestrates routing, authentication, shared state (Redux Toolkit), and a 50+ component design system with WCAG/AODA compliance, supporting five independent teams shipping to production simultaneously through feature-flagged CI/CD pipelines.

Tech Stack: React, TypeScript, Micro Frontends, Webpack Module Federation, Redux Toolkit, RTK Query, SWR, GraphQL, Apollo Client, REST APIs, Sabre APIs, Material UI, Tailwind CSS, React Hook Form, Zod, Jest, React Testing Library, Cypress, GitHub Actions, Docker

›Architected and implemented an enterprise Micro Frontend (MFE) platform using Webpack Module Federation, enabling multiple domain-based teams to independently build, test, and deploy features without compromising platform integrity.
›Designed and owned the shell application architecture, including dynamic route registration, centralized authentication flows, shared UI components, and runtime dependency resolution across independently deployed MFEs.
›Established Monorepo-based development for shared libraries, design system tokens, and utility packages, ensuring version consistency, reuse, and governance across all consuming teams.
›Led integration of Sabre REST APIs and GraphQL endpoints using Apollo Client with normalized caching, enabling real-time service and booking workflows across mission-critical aviation operations.
›Defined and enforced state management standards using Redux Toolkit for global application state, RTK Query for server state synchronization, and SWR for lightweight data fetching in isolated MFE contexts.
›Developed 50+ reusable, accessible TypeScript components using Material UI and Tailwind CSS, adhering to WCAG / AODA accessibility standards with automated a11y testing in CI.
›Implemented React Hook Form with Zod schema validation across all user input flows, creating a type-safe form architecture that ensures consistency, usability, and high data integrity across the platform.
›Optimized application performance through Webpack code splitting at the MFE boundary, lazy loading of remote modules, and intelligent caching strategies for shared vendor bundles.
›Defined and implemented a comprehensive automated testing strategy with Jest for unit tests, React Testing Library for component integration testing, and Cypress for E2E workflows covering cross-MFE user journeys.
›Enabled safe and reliable deployments through feature flags for progressive rollout, backward-compatible module contracts, and CI/CD automation using GitHub Actions and Docker with environment-specific configurations.

Cyber Mart

Full Stack Developer | https://cybermart.com/

A full-stack multi-vendor e-commerce marketplace built on Next.js and Node.js/Express.js, delivering high-performance shopping experiences through strategic server-side rendering, optimized MySQL schemas, and cloud-hosted CI/CD deployment pipelines. The platform supports thousands of product listings across multiple vendors, integrating third-party payment processors and inventory providers via versioned REST APIs. A polyglot data architecture combines MySQL for transactional integrity (orders, inventory) with MongoDB for flexible content storage (product descriptions, vendor profiles), deployed on AWS with Docker-based containerization.

Tech Stack: Next.js, TypeScript, Node.js, Express.js, MySQL, MongoDB, REST APIs, Material UI, Tailwind CSS, React Hook Form, SWR, Jest, AWS, Docker, CI/CD

›Developed the marketplace frontend with Next.js, implementing a per-route rendering strategy (SSR for product pages, ISR for category listings, CSR for cart/checkout) to optimize both performance and SEO across different page types.
›Built a modular Node.js/Express.js backend with layered middleware architecture—authentication, request validation, rate limiting, error handling—supporting high-traffic product browsing and transactional checkout workflows.
›Designed a polyglot database architecture combining MySQL (for orders, inventory, and vendor relationships requiring ACID compliance) with MongoDB (for flexible product content and vendor profiles), choosing each database for its strengths rather than forcing one to do everything.
›Optimized MySQL query performance through strategic composite indexing, query plan analysis, and schema normalization, targeting the highest-frequency queries (product search, inventory checks, order history) for measurable improvement.
›Integrated third-party payment processors and inventory management providers via secure REST API endpoints with versioned contracts, webhook-based event handling, and idempotency keys for financial transaction safety.
›Created responsive UI components with Material UI and Tailwind CSS, building a checkout flow with progressive disclosure to reduce cognitive load and cart abandonment.
›Implemented comprehensive form validation using React Hook Form with schema-based validation, providing real-time inline feedback and reducing form submission errors across registration, checkout, and vendor onboarding flows.
›Integrated SWR for client-side data fetching with stale-while-revalidate caching, enabling real-time inventory and pricing updates without full page reloads during active shopping sessions.
›Configured CI/CD pipelines with automated Jest test suites, Docker image builds, and staged AWS deployments, ensuring repeatable, zero-downtime production releases.
›Implemented structured error handling and logging across the full stack, with middleware-level error categorization (validation errors, upstream service failures, database errors) for systematic root-cause analysis in production.

Chalet Retreat

Lead Frontend Developer | https://www.chalet-retreat.com

A luxury vacation rental platform built with Next.js and TypeScript, featuring interactive map-based property discovery powered by Google Maps API with custom clustering for thousands of listings. The platform delivers premium, image-rich experiences through aggressive media optimization (lazy loading, responsive images, CDN-backed caching) while maintaining sub-2-second load times. A multi-step Stripe-integrated booking flow handles high-value transactions with robust validation and progressive disclosure, and the entire frontend is backed by a Material UI + SASS design system tuned for the visual standards of luxury hospitality.

Tech Stack: Next.js, TypeScript, Material UI, Redux Toolkit, SASS, React Query, React Hook Form, Google Maps API, Stripe, Jest, React Testing Library, Cypress

›Architected and led the development of a premium luxury rental platform using Next.js and TypeScript, delivering a high-performance frontend that balances visual richness with fast page loads across image-heavy property listings.
›Engineered an interactive property discovery experience with Google Maps API, implementing custom marker rendering, client-side marker clustering for dense geographic regions, and synchronized map-list state so that map interactions update listing views and vice versa.
›Implemented a multi-step Stripe booking flow with progressive disclosure (property selection → date/guest configuration → payment → confirmation), React Hook Form validation at each step, and secure tokenized payment handling for high-value vacation transactions.
›Built a comprehensive image optimization pipeline using Next.js Image component with responsive srcsets, blur placeholder generation, intersection-observer-based lazy loading, and CDN-backed caching to handle pages displaying dozens of high-resolution property photos.
›Developed a premium design system using Material UI as the component foundation with SASS modules for custom theming, ensuring visual consistency across property cards, galleries, booking modals, and marketing surfaces.
›Implemented client-side state management with Redux Toolkit for global application state (search filters, map viewport, user session) and React Query for server state (property listings, availability, pricing) with cache invalidation on search parameter changes.
›Established unit and integration testing workflows with Jest and React Testing Library for component behavior, alongside Cypress for end-to-end verification of the complete booking journey from property discovery through payment confirmation.
›Optimized rendering performance through route-based code splitting, dynamic imports for heavy components (map, image galleries), and strategic SSR/CSR decisions per page type—SSR for property detail pages (SEO), CSR for interactive map views (interactivity).
›Delivered a mobile-optimized discovery experience with touch-friendly map interactions, swipeable property galleries, and a responsive layout that adapts the map-list split view for smaller screens.
›Implemented geographic search with bounding-box queries that re-fetch listings as the user pans and zooms the map, with debounced API calls and optimistic UI updates to prevent jarring content reloads during exploration.

Class Ops

Full Stack Developer | https://classops.spiralsync.com

A full-stack classroom management platform built to demonstrate enterprise-grade Next.js + NestJS integration with modern TypeScript tooling. The system simulates academic operations for a multi-department institution with 500+ student records, 50+ courses, and 20+ faculty assignments, featuring a server-side rendered Next.js frontend with optimized data fetching backed by a scalable NestJS API using Drizzle ORM and Neon PostgreSQL. The platform showcases role-based access control, real-time dashboards with incremental static regeneration, optimized database queries, and a production-ready CI/CD pipeline with Docker containerization and GitHub Actions automation.

Tech Stack: Next.js, TypeScript, Node.js, NestJS, Neon PostgreSQL, Drizzle ORM, Tailwind CSS, Zustand, REST APIs, Docker, GitHub Actions, Jest

›Architected a production-grade full-stack classroom management system with a Next.js 14 App Router frontend and NestJS backend, demonstrating enterprise-level frontend + backend + database integration patterns using a modern TypeScript-first stack with end-to-end type safety.
›Designed a normalized Neon PostgreSQL schema with Drizzle ORM modeling complex academic relationships (Departments, Subjects, Faculty, Students, Classes, Enrollments), implementing type-safe queries with auto-generated TypeScript types, schema migrations, and referential integrity constraints across 500+ simulated student records and 50+ course definitions.
›Built a scalable NestJS REST API with dependency injection, middleware pipelines for authentication and request validation, role-based guards (Admin/Teacher/Student), and standardized error handling patterns — structured to support multi-tenant expansion without architectural refactoring.
›Implemented Next.js server-side rendering (SSR) for SEO-critical pages (course catalog, faculty directory) and incremental static regeneration (ISR) for dashboards, reducing initial page load times to under 1.2 seconds while maintaining real-time data accuracy through on-demand revalidation strategies.
›Optimized PostgreSQL query performance for dashboard aggregations (Total Users, Teachers, Subjects, Departments, Classes) by implementing indexed joins, aggregate functions, and Drizzle's query builder patterns, reducing dashboard API response time from 3.5 seconds to under 500ms for datasets containing 10,000+ enrollment records.
›Developed role-based portals with distinct navigation hierarchies, feature access boundaries, and dashboard views tailored to each role's operational needs, implementing Zustand for client-side state management and React Server Components for zero-JavaScript-by-default pages where interactivity isn't required.
›Built subject management workflows supporting CRUD operations for course creation, section capacity tracking, faculty assignment, and active/inactive status management with audit trails — demonstrating complex multi-entity transaction handling and data consistency guarantees through Drizzle's transaction API.
›Established a comprehensive automated testing strategy including Jest unit tests for NestJS service layer logic, API contract validation tests for REST endpoints, and Next.js integration tests for server component data fetching and client-side form validation workflows.
›Built a production-ready CI/CD pipeline with GitHub Actions automating ESLint, TypeScript strict mode checks, unit tests, and Docker image builds on every commit, with containerized deployment configurations for both the Next.js frontend and NestJS backend supporting one-command deployment to cloud environments.
›Implemented a responsive design system using Tailwind CSS with dark mode support, mobile-first layouts that adapt from phone (student mobile access) to desktop (admin dashboards), and accessibility best practices (ARIA labels, keyboard navigation, semantic HTML) ensuring WCAG 2.1 AA compliance.

OOGO

Senior Frontend Developer | https://www.oogo-uae.com

A multi-vendor e-commerce marketplace custom-engineered for the UAE market, featuring fully bidirectional Arabic/English experiences with structural RTL layout support, regional payment gateway integration alongside Stripe, and three interconnected portals (Customer, Vendor, Admin) sharing a unified Redux state layer. The platform handles the unique complexity of bilingual commerce—where layout direction, typography, iconography, and interaction patterns must invert completely for Arabic users—while serving a mobile-first audience through a modular React architecture with location-aware vendor discovery via Google Maps API.

Tech Stack: React, Redux, Bootstrap, JavaScript, Node.js, Express.js, MongoDB, Stripe, Google Maps API, i18n, RTL, Jest

›Led frontend engineering for an enterprise multi-vendor marketplace platform serving a large and growing user base across the UAE market, architecting the frontend for three distinct portals (Customer, Vendor, Admin) with shared business logic and role-specific interfaces.
›Architected a modular React application with Redux for centralized state management, designing a store architecture that shares entity state (products, orders, inventory) across portals while keeping portal-specific UI state isolated.
›Implemented structural RTL (Right-to-Left) support as a core architectural concern—not just CSS direction: rtl but full layout inversion including component alignment, icon mirroring, navigation flow reversal, and culturally appropriate interaction patterns for Arabic users.
›Built a comprehensive i18n system supporting seamless runtime language switching between Arabic and English, handling bidirectional text rendering, locale-specific number and currency formatting, and font stack management for Arabic typography.
›Integrated localized payment gateways including Stripe for international transactions and regional UAE processors for local payment methods, implementing payment method selection logic based on user locale and transaction currency.
›Optimized product discovery and search performance through memoized Redux selectors, denormalized state shapes for high-frequency reads, and intelligent caching strategies that reduced unnecessary re-renders in listing views.
›Developed location-aware vendor discovery using Google Maps API with custom Arabic/English map labels, vendor proximity search, and delivery radius visualization for local commerce logistics.
›Built a mobile-first responsive experience using Bootstrap with RTL-aware grid overrides, focusing on touch-optimized product browsing, swipeable galleries, and conversion-oriented checkout flows for mobile shoppers.
›Implemented vendor onboarding and management interfaces including product catalog management, order fulfillment workflows, inventory tracking, and sales analytics dashboards within the seller portal.
›Established testing practices with Jest for unit testing Redux reducers, selectors, and business logic, ensuring that RTL layout behavior and language switching logic are verified programmatically.

Coffee Tea

Lead Frontend Developer

A virtual interview preparation platform built with Next.js and TypeScript, combining real-time peer-to-peer video sessions via WebRTC with Firebase-powered mentor matching, Stripe-integrated booking and payment flows, and structured feedback dashboards. The platform uses Firebase (Firestore and Cloud Functions) as its real-time backbone—handling WebRTC signaling, mentor availability state, session coordination, and post-session feedback collection—while the Next.js frontend delivers a polished, anxiety-reducing coaching experience with Framer Motion animations and Tailwind CSS design optimized for the psychological demands of interview preparation.

Tech Stack: Next.js, TypeScript, Tailwind CSS, Framer Motion, Firebase, Cloud Functions, Firestore, WebRTC, Stripe, React

›Architected a virtual interview preparation platform using Next.js and TypeScript, building a synchronous video session system that maintains stable peer-to-peer connections through WebRTC with Firebase-based signaling.
›Implemented WebRTC peer connection management including ICE candidate exchange via Firestore, STUN/TURN server configuration for NAT traversal, and automatic fallback to relay mode when direct peer-to-peer connections fail.
›Built real-time mentor matching and availability logic using Firestore's real-time listeners and Cloud Functions triggers, enabling candidates to discover available mentors, view their specializations, and book sessions that reflect live availability state.
›Designed and implemented end-to-end Stripe payment flows—session pricing display, secure checkout with Stripe Elements, payment intent creation via Cloud Functions, and webhook-based confirmation that triggers session scheduling.
›Developed a motion-rich, anxiety-reducing UI with Tailwind CSS and Framer Motion, using purposeful animations (smooth page transitions, gentle loading states, encouraging progress indicators) to create a coaching atmosphere rather than a testing environment.
›Built post-session feedback and progress tracking dashboards where mentors submit structured evaluations and candidates track improvement across sessions with visual performance trends.
›Leveraged Firebase Cloud Functions for serverless backend logic—Stripe webhook handling, session reminder notifications, mentor payout calculations, and scheduled cleanup of expired session offers.
›Optimized WebRTC session reliability through connection health monitoring, automatic ICE restart on connectivity degradation, and graceful UI state management that keeps users informed of connection quality during live sessions.
›Implemented session scheduling with timezone-aware booking that handles mentor availability windows, candidate time preferences, and automatic conflict detection for overlapping session requests.
›Built a responsive, cross-device experience with mobile-optimized video layouts, adaptive grid systems for mentor browsing, and touch-friendly session controls for candidates joining from phones or tablets.

Audits-IQ

Lead Mobile Developer | https://auditsiq.com/

A mobile-first enterprise auditing and inspections platform built with React Native and Firebase, designed for offline-first fieldwork in environments with intermittent or zero connectivity. The platform features a configurable drag-and-drop form engine with conditional logic and branching workflows that adapts to diverse industry inspection requirements without engineering changes. A local-first data architecture ensures inspectors can capture data, attach photos, and complete full audit workflows while completely offline, with conflict-aware synchronization that reconciles local changes with the central Firestore database when connectivity returns. Automated reporting services generate structured PDF and Excel outputs directly from audit data, eliminating manual post-inspection documentation.

Tech Stack: React Native, TypeScript, Firebase, Firestore, Firebase Storage, Cloud Functions, Redux, Offline-First, Jest, React Testing Library

›Led the cross-platform mobile development of a flagship enterprise auditing system using React Native and TypeScript, architecting the mobile application for offline reliability, performance with large audit records, and cross-platform consistency.
›Architected a local-first data persistence layer that stores all audit data on-device using structured local storage, enabling inspectors to create, edit, and complete full audit workflows with zero connectivity—no server dependency for any field operation.
›Designed a conflict-aware synchronization engine that reconciles locally modified audit records with the central Firestore database when connectivity returns, using timestamp-based versioning and field-level merge strategies to handle concurrent edits from multiple inspectors.
›Built a highly configurable drag-and-drop form engine supporting conditional logic (show/hide fields based on previous answers), branching workflows (different inspection paths based on findings), scored assessments, and industry-specific templates—all configurable by business users without engineering involvement.
›Implemented multi-media attachment handling for offline field environments—photo capture, annotation, and storage are managed locally with deferred upload queuing that syncs media files to Firebase Storage in the background when bandwidth is available.
›Built automated enterprise reporting services using Cloud Functions to generate structured PDF and Excel outputs from completed audit data, with configurable report templates that match each client's compliance documentation requirements.
›Optimized mobile runtime performance for large audit records containing hundreds of form fields and multiple media attachments, implementing virtualized form rendering, incremental data loading, and memory-efficient media handling to prevent crashes on mid-range devices.
›Integrated Redux for offline-aware state management with persistence middleware that serializes the entire audit state to local storage on every change, ensuring zero data loss even if the app is force-closed or the device runs out of battery mid-inspection.
›Implemented rigorous mobile testing with Jest and React Testing Library, focusing on offline state transitions (online → offline → edit → reconnect → sync), conflict resolution logic, and form engine conditional behavior.
›Developed reusable cross-platform UI components ensuring consistent enterprise design standards across iOS and Android, with platform-specific adaptations for native gestures, navigation patterns, and notification handling.

Momentum

Lead Full Stack Developer | https://momentum.spiralsync.com/

A mobile-first business development tracking platform built to accelerate enterprise sales cycles through real-time pipeline analytics and velocity-based 'Momentum Charts.' Architected as a Turborepo monorepo with a NestJS backend, React Native/Expo mobile client, and Neon serverless Postgres via Drizzle ORM, the platform delivers type-safe full-stack development with shared TypeScript schemas, role-based access control through Better-Auth, and a high-performance glassmorphism UI featuring 60fps Reanimated animations optimized for mobile sales teams in the field.

Tech Stack: React Native, Expo, Expo Router, React Native Reanimated, NestJS, Neon, Drizzle ORM, Better-Auth, Turborepo, Zustand, Tailwind CSS, Resend, TypeScript

›Architected a full-stack monorepo using Turborepo, sharing TypeScript database schemas (Drizzle ORM), email templates (React Email + Resend), and UI components across the NestJS backend and React Native/Expo mobile client.
›Built a high-performance cross-platform mobile application using Expo and React Native Reanimated, maintaining consistent 60fps animations through optimized gesture handlers, memoized component trees, and GPU-accelerated blur effects in a custom glassmorphism UI design system.
›Developed an enterprise-grade NestJS backend with modular architecture using Dependency Injection, organizing domain logic into focused modules (StatsModule, OpportunitiesModule, AuthModule) with clear service boundaries.
›Designed and implemented a serverless Postgres data layer using Neon and Drizzle ORM, ensuring full TypeScript type safety from database schema definition through API response types to mobile client consumption—eliminating runtime type errors and enabling compile-time validation of database queries.
›Integrated Better-Auth for multi-tenant session management with custom Drizzle adapter, implementing Role-Based Access Control (RBAC) with distinct permission boundaries for Founders, Admins, and BD professionals.
›Built 'Momentum Charts'—custom data visualization components that track business development velocity, pipeline progression, and activity trends using animated, interactive chart rendering optimized for mobile performance.
›Implemented frictionless onboarding flows with the 'Capture → Collaborate → Accelerate' methodology, using step-by-step guided experiences with contextual tooltips and progressive feature disclosure.
›Designed role-specific dashboard views with aggregate analytics, smart filtering (date ranges, team members, opportunity stages), and drill-down navigation from summary metrics to individual opportunity details.
›Built transactional email workflows using React Email templates rendered server-side and delivered through Resend, handling onboarding sequences, session invitations, and activity notifications.
›Implemented global state management using Zustand with persistent storage middleware, enabling seamless offline-to-online state transitions and cross-screen data consistency in the mobile application.

EDUCATION

›Masters of Science | National University of Science and Technology 2014/09 – 2017/04 | Islamabad, Pakistan
›Bachelors of Science | University Of Engineering and Technology 2009/09 – 2013/08 | Lahore, Pakistan

CERTIFICATIONS

›Meta Front-End Developer Specialization | Issuer: Meta | Issued: Jan 2019
›AI Engineering | Issuer: Scrimba | Issued: Feb 2025
›Python for Data Science and AI | Issuer: IBM | Issued: March 2025