# Hasnain Ahmed Khan – Systems Architect & Full Stack Engineer > Personal portfolio and professional showcase of Hasnain Ahmed Khan, a systems architect and full-stack engineer with 7 years of experience building scalable operational ecosystems and digital workflows. ## Main Pages - [Home Page](https://hasnain.io/) - Developer profile, tech stack overview, key highlights, and contact information. - [Roofing Audit Page](https://hasnain.io/roofing-audit) - High-performance landing page offering website & lead-response audits for roofing contractors. ## Case Studies - [Ebidzy: Real-Time Reverse Auction Platform](https://hasnain.io/case-study/ebidzy) - Developed a custom real-time reverse auction platform with NestJS, Next.js, Redis, and WebSockets, solving client-server countdown drift and concurrency-safe double-selling race conditions. - [Smart IoT Compliance & Monitoring Suite](https://hasnain.io/case-study/smart-iot-compliance) - Developed an interactive industrial digital twin dashboard using React, Three.js, and D3, solving CPU main-thread blocking by decoupling telemetry updates from React state rendering. - [Bilingual Citizens AI Assistant](https://hasnain.io/case-study/citizens-ai-assistant) - Developed a state-level bilingual chatbot with Next.js, Google GenAI SDK, and custom Nastaliq CSS, solving stream parsing failures and dynamically generating stateful forms in the viewport. - [Lexer Systems Brand Portal](https://hasnain.io/case-study/lexer-systems) - Developed a premium conversion-focused portfolio using React, Vite, and Three.js, solving mobile battery drain by implementing instanced mesh particle systems and viewport-aware loops. - [Adsorse Growth Platform](https://hasnain.io/case-study/adsorse) - Developed a high-performance growth marketing platform using Next.js, React 19, and Lenis, solving hydration rendering mismatches and routing form intakes via Zod-validated Server Actions. - [Sovereign AI E-Governance Strategic Blueprint](https://hasnain.io/case-study/sovereign-ai-blueprint) - Developed a sovereign e-governance RAG infrastructure plan using LLaMA 3, QLoRA, and Milvus, solving strict data residency restrictions through secure air-gapped proxy server architectures. - [MWA Charity](https://hasnain.io/case-study/mwa-charity) - Developed a custom WordPress theme using Elementor Pro, custom post types, and Advanced Custom Fields (ACF), solving donor drop-off through custom Gravity Forms with integrated Stripe payments and automated PDF invoice generation. - [Snap Reno Chicago](https://hasnain.io/case-study/snap-reno-chicago) - Developed a high-performance contractor showcase theme on Elementor Pro with server-side WebP image optimization, solving slow mobile loading times and increasing SEO search rankings via custom JSON-LD schema injection. - [EDI Services Corp](https://hasnain.io/case-study/edi-services-corp) - Developed a luxury repair intake portal on a custom WordPress theme using Elementor Pro and AJAX endpoints, solving booking abandonment through a clean, multi-step interactive onboarding flow. - [Tapout Girls](https://hasnain.io/case-study/tapout-girls) - Developed a media-optimized community branding portal on a custom WordPress theme using raw CSS Grid and vanilla JS, solving page rendering blocks and reducing asset payloads on mobile viewports. - [JBS Live (Jaffer Business Systems)](https://hasnain.io/case-study/jbs-live) - Developed a high-performance corporate directory theme on custom WordPress utilizing recursive PHP taxonomy queries, solving MySQL query depth overhead and cPanel database throttling. - [Digilexer Ads](https://hasnain.io/case-study/digilexer-ads) - Developed conversion-focused landing pages on a custom WordPress theme using atomic style hooks, solving AdWords traffic bounce rates by pruning non-essential scripts and styling payloads. - [Modish Furnishing](https://hasnain.io/case-study/modish-furnishing) - Developed a high-performance Shopify storefront using custom Liquid templates and lazy loading 3D assets, solving mobile rendering latency and variant inventory display mismatches. - [Modern Wall Arts US](https://hasnain.io/case-study/modern-wall-arts-us) - Developed a custom Shopify storefront using Liquid and vanilla JS, solving checkout abandonment on massive product variant groupings through custom framing selection tools and AJAX drawers. - [Modern Wall Arts UK](https://hasnain.io/case-study/modern-wall-arts-uk) - Developed a localized regional Shopify storefront using custom Liquid scripts, solving international compliance hurdles through edge-based tax calculations (VAT) and Klarna/Clearpay payment routing. - [Velascent Perfumes](https://hasnain.io/case-study/velascent) - Developed a luxury perfume Shopify storefront using modular Liquid components and image compression pipelines, solving initial page load lag while maintaining a premium high-resolution aesthetic. - [Vida Cleaners: Premium Booking & Automation Platform](https://hasnain.io/case-study/vida-cleaners) - Developed a custom WordPress theme using Elementor Pro, Gravity Forms, and Make.com/n8n, converting Figma designs into a fully automated booking-to-dispatch client journey. - [Human Concern International UK](https://hasnain.io/case-study/human-concern-uk) - Developed a custom WordPress charity theme using Elementor Pro and Advanced Custom Fields, solving HMRC compliance bottlenecks by implementing localized UK tax-recovery (Gift Aid) fields. - [Human Concern International Canada](https://hasnain.io/case-study/human-concern-canada) - Developed an enterprise charity theme on custom WordPress using Elementor Pro and Custom Post Types, solving multi-country donor synchronization by mapping custom fields directly into the CRM API. - [Global Family Aid NGO Portal](https://hasnain.io/case-study/global-family-aid) - Developed a multicurrency NGO portal using Next.js 15, React 19, and Stripe Elements, solving payment double-charging over unstable networks through edge-geolocated idempotent transactions. ## Insights - [Building Webhook Logic for NGO Payment Systems](https://hasnain.io/insights/webhook-logic) - A raw, casual walkthrough of how I handle Stripe webhooks and map donations to fund codes in real-time. - [Systems Thinking: From Messy Requirements to Clean APIs](https://hasnain.io/insights/systems-thinking) - My framework for translating vague business needs into structured technical specifications.