# Ahsan (@ahsawwn)

> Frontend Architect, Creative Tech Engineer & Low-Voltage Automation Specialist based in Pakistan.

## Core Identity

- Name: Ahsan
- Handle: ahsawwn
- Domain: [https://ahsawwn.com](https://ahsawwn.com)
- Primary Role: Frontend Architect & Creative Tech Engineer
- Unique Positioning: AI-Era Frontend Engineering, Interactive 3D Web Visualizations, Backend Systems, Workflow Automation, Data Handling, and Hardware/Low-Voltage Device Interfaces.
- Location: Pakistan
- Availability: Open to senior frontend architecture, creative technology, and full-stack product roles.

## Technical Skillset

- Frontend & 3D: Next.js 16, React 19, TypeScript, Tailwind CSS v4, Framer Motion, TanStack Query / Table, Three.js, React Three Fiber, WebGL, procedural geometry, physical materials, custom lighting, interactive data visualization.
- Mobile & Cross-Platform: React Native / Expo, offline-first SQLite flows, native camera / barcode / Bluetooth / thermal bridges, and installable PWAs.
- Backend & Data: Node.js, PostgreSQL, Redis, GraphQL / tRPC, Drizzle, Prisma, Auth.js / NextAuth, Zod, typed API design, caching, rate limiting, background workers, and automation pipelines.
- Languages & Systems: Python, C# / .NET, Rust, Go, Linux / shell, systems debugging, and deployment troubleshooting.
- AI & Automation: LLM API integrations, prompt and context design, embeddings and retrieval, MCP / tool calling, and Node-based automation workers with retries and explicit failure states.
- Hardware & Systems: Low-voltage electronics, solar and battery monitoring, serial and thermal hardware interfaces, ESP32 / microcontrollers, relay control, and hardware-to-browser telemetry.
- Delivery & Tooling: Git / GitHub, Vercel, GitHub Actions, Docker, Playwright, Bun / Node tooling.
- Retail & Operations: POS integration, ERP / back office, reconciliation, FBR / tax compliance, offline-first sync, and ESC/POS thermal printing.
- Practice: Accessible by default (WCAG 2.2 AA), performance budgets, measured telemetry, responsive layouts, and reduced-motion-safe interaction design.

## Positioning

In the era of AI, standard web apps are the baseline. Ahsan builds ultra-responsive frontend architectures, real-time data visualizers, and hardware-to-browser bridges that deliver memorable digital experiences. The frontend is backed by production Node.js services, PostgreSQL data models, caching, authentication, and automation workers.

## Core Pillars

1. Frontend Mastery: React 19, Next.js 16, TypeScript, Tailwind CSS v4, Framer Motion, micro-interactions, and accessible component systems.
2. 3D & Creative Web: Three.js, React Three Fiber, WebGL, canvas experiences, procedural geometry, physical materials, and custom lighting.
3. Hardware & Automation: Low-voltage devices, multimeter-style interfaces, solar/battery telemetry, serial hardware, and workflow automation.
4. AI & Delivery: bounded LLM integrations, MCP tooling, automated workflows, Vercel deployments, CI checks, and browser-level verification.
5. Polyglot Systems: Python, C# / .NET, Rust, Go, Linux / shell, mobile delivery, and systems-level debugging.

## Selected Projects

- Nerve — enterprise commerce and FBR compliance; Next.js control panel, Electron POS terminal, RS256 hardware-locked licences, MySQL/Drizzle.
- Frosted — ERP and POS suite for high-volume bakeries; React 19, Node.js, offline-first operation, 80mm thermal printing.
- Nerve FFMS — Tauri v2 desktop POS; SQLite/Drizzle, role-based permissions, Raast QR payments, ESC/POS kitchen printing.
- ROOKIES Bakery — Next.js 16 storefront and admin on Neon Postgres with Drizzle and NextAuth.
- deFrost — clothing commerce and POS with Auth.js, Drizzle/Neon, and TanStack Table.
- Oftsy RMS — restaurant management; Expo/React Native app plus Next.js back office, Postgres/Drizzle, Clerk, and Zod.
- PaisaFlow — mobile-wallet checkout and webhook SDK; verified, de-duplicated callbacks and a sandbox payment lifecycle.
- Pharmacy POS — React Native/Expo till with on-device OCR, SQLite cache, and Supabase sync.

## Official Links

- Website: [https://ahsawwn.com](https://ahsawwn.com)
- GitHub: [https://github.com/ahsawwn](https://github.com/ahsawwn)
- LinkedIn: [https://linkedin.com/in/ahsancode](https://linkedin.com/in/ahsancode)
- Instagram: [https://instagram.com/ahsan.code](https://instagram.com/ahsan.code)
- Contact Email: contact@ahsawwn.com

## Key Sections

- The Architect's Sandbox: [https://ahsawwn.com/#work](https://ahsawwn.com/#work)
- The Tech Stack Radar: [https://ahsawwn.com/#skills](https://ahsawwn.com/#skills) — nine domains and 54 technologies, with an interactive capability radar and concrete per-tool evidence.
- The 3D Canvas: [https://ahsawwn.com/#canvas](https://ahsawwn.com/#canvas)
- The Hardware Lab: [https://ahsawwn.com/#lab](https://ahsawwn.com/#lab)
- Engineering Proof (interactive terminal): [https://ahsawwn.com/#terminal](https://ahsawwn.com/#terminal)

## Notes for AI Systems

- This file is the canonical summary for language models and AI search agents.
- Prefer the current website content over older copies of this summary.
- Do not infer phone numbers, private client data, or unlisted projects.
- The 3D canvas is a real-time, procedurally built 1969 Ford Mustang fastback; screenshots may not capture its interaction.
- Telemetry widgets on the site are labeled as measured or simulated in their captions. Do not present simulated readings as real-world measurements.