Full Stack Developer
I build products, and the tools that build them.
Five years building production web applications end to end - React and Next.js on the front, Python, Node.js, and Postgres behind them, plus the AI automation and tooling that keeps it moving. Currently leading the team at Hybrid MediaWorks.
Website Migration & Component Builder - a Next.js pipeline that reads a WordPress DOM, detects structurally equivalent templates, and emits typed React components.
<div class="elementor-element elementor-widget-heading" data-id="4f2b9c"> <div class="elementor-widget -container"> <h2 class="elementor-heading -title">Our Services</h2> </div></div>export function Heading({ title }: Props) { return ( <h2 className="text-3xl font-semibold" > {title} </h2> )}Selected work
Four things worth showing
Core engineering team on an EU business banking platform - multi-currency accounts, SEPA and SWIFT transfers, cards, and payroll. Built the Vue 3 frontend for personal and corporate onboarding, KYC, and the transfer flows, wiring complex financial workflows to backend services.
- Vue 3
- TypeScript
- Pinia
- Vite
- REST
Website Migration & Component Builder
WordPress-to-React pipeline
A Next.js pipeline that converts WordPress sites into reusable React components through DOM analysis and structural template detection. Identifying structurally equivalent pages cut duplicate component generation; the generator was tuned for memory use on large sites.
- Next.js
- TypeScript
- Node.js
- DOM analysis
WebHID Controller Configurator
Browser-to-firmware hardware tool
A browser-based configuration tool that speaks to game controller firmware over WebHID - remapping, tuning, profiles, and firmware updates with nothing installed. Built the Xero device layer and configuration surface on top of the open-source DualSense Tester.
- Vue 3
- TypeScript
- WebHID API
- Pinia
- Vite
A content operations console that turns spreadsheet rows into published WordPress pages for a healthcare client - geo-targeted generation, enrichment from real epidemiological data, and six compliance and quality gates before anything can go live.
- Python
- Claude API
- Google Sheets API
- WordPress API
Experience
Where the five years went
May 2025 - Present
Hybrid MediaWorks
Full Stack Developer · Islamabad, PK
- Lead the development team - technical direction, code review, and engineering quality.
- Own the frontend lifecycle of production React and Next.js applications, from first commit through API integration and deployment.
- Integrated Stripe payments, Meta APIs, and secure authentication into customer-facing platforms.
- Migrated multiple repositories into an Nx monorepo, improving code sharing across applications.
Aug 2024 - May 2025
Scale Pixels
Full Stack Developer · Lahore, PK
- Shipped production AI-powered applications in React, Next.js, and TypeScript.
- Engineered LLM-backed workflows and interactive features on top of modern AI APIs.
- Built responsive, accessible interfaces with Material UI alongside product and design.
May 2022 - Aug 2024
Datum Brain
Software Engineer · Lahore, PK
- Built reusable component libraries and design systems that standardised UI across enterprise applications.
- Resolved large-scale memory and performance bottlenecks in Node.js pipelines through incremental processing.
- Worked directly with designers to ship polished, accessible interfaces.
Sep 2021 - May 2022
Freelance
React Developer · Remote
- Delivered responsive React applications for multiple clients, from requirements through deployment.
- Built reusable UI components with Tailwind CSS and Bootstrap.
Mentoring
The Collab Lab
Mentored four junior developers alongside two senior engineers in a remote program.
Aug 2024 - Jan 2025
Education
BSc Computer Science
Bacha Khan University, Charsadda.
Aug 2018 - Sep 2022
Stack
What I reach for
- Frontend
- ReactNext.jsVue 3TypeScriptJavaScriptTailwind CSSMaterial UI
- Backend & data
- Node.jsNestJSPythonFastAPIREST APIsPostgreSQLPrismaMongoDB
- State & architecture
- Redux ToolkitTanStack QueryPiniaDesign systemsComponent architectureNx monorepo
- Testing & quality
- VitestJestReact Testing LibraryPlaywrightCypressAccessibilityPerformance
- Cloud & delivery
- AWSDockerGitHub ActionsCI/CD
- AI & integrations
- Claude APILLM workflowsStripeMeta APIsWebHID
Contact
Open to full stack roles. Tell me what you’re building.
- Phone
- +92 311 9380222
- GitHub
- github.com/hariscs
- linkedin.com/in/hariscs