title: "Frontend systems.",
items: [ "Product architecture", "Design systems", "Complex application state", "Accessible interfaces", ],
},
// go to definition →// portfolio/kamran.ts
export const kamran = {
name:
role: "Full-stack product engineer",
summary: "I guide architecture, delivery and teams from first sketch to resilient production software, with deep frontend expertise and a practical full-stack range.",
} as const;
# README.md
PROFILE> product-engineering / architecture / delivery
I move comfortably through interfaces, APIs, data models, infrastructure and LLM-powered workflows. I care about understandable architecture, calm products, useful tests and helping other engineers do their best work.
export const experience = [
6 REFERENCES// Six roles across product engineering, from independent delivery to technical direction.
summary: "Setting technical direction for a greenfield product across frontend, backend, delivery and applied AI.",
details: [ "Led the product from concept to MVP, shaping architecture and scalable foundations with Angular, TypeScript and Nx.", "Built reusable Storybook components with the Frontend Guild and introduced Playwright end-to-end and visual regression testing.", "Own production releases with Kubernetes, GitOps and Flux; contribute Spring Boot APIs, Java services and database migrations.", "Developed Python document pipelines using LLMs and RAG to parse technical data and automate manufacturer product creation.", "Mentor junior engineers through reviews, pairing and technical guidance.", ],
tags: [ "Angular", "Nx", "Playwright", "Java", "Python · RAG", "Kubernetes", ],
},
summary: "Simplified a fragmented frontend estate into a reliable, testable Nx monorepo.",
details: [ "Developed multiple Angular applications with TypeScript and Tailwind CSS.", "Migrated legacy microfrontends into an Nx monorepo and established its CI/CD workflows.", "Added Cypress end-to-end coverage and organized community-of-practice sessions to improve engineering standards.", ],
tags: [ "Angular", "TypeScript", "Nx", "Cypress", "CI/CD", ],
},
summary: "Led product UI, data visualization and mobile delivery for a large energy platform.",
details: [ "Led an Angular and Nx frontend for NeoVac with Redux state management and more than 90% Jest test coverage.", "Created a GitLab pipeline to build, test and publish a UI library; integrated Docker and custom amCharts visualizations.", "Shipped an Ionic Capacitor app to both app stores, making customer onboarding available on iOS and Android.", "Mentored a junior developer and hosted frontend community-of-practice sessions across Fusonic.", ],
tags: [ "Angular", "Redux", "Jest", "Ionic", "Storybook", "GitLab", ],
},
summary: "Delivered an MVP end to end, from PostgreSQL and APIs to a dynamic Angular admin interface.",
details: [ "Developed REST APIs in TypeScript, Node.js and Express, improving search performance and scalability.", "Wrote migrations, optimized PostgreSQL JSONB queries and containerized the application with Docker.", "Designed an Angular admin dashboard including a dynamic form builder and delivered directly with the CTO.", ],
tags: [ "Node.js", "Angular", "PostgreSQL", "Docker", "REST", ],
},
summary: "Contributed reusable Web Components to the open-source FHIR toolkit.",
details: [ "Built standards-based healthcare interface components with PolymerJS for an international open-source community.", ],
tags: [ "Open source", "FHIR", "Web Components", ],
},
summary: "Delivered 200+ web projects for small businesses before graduating.",
details: [ "Helped clients establish and improve their online presence through product design and web development.", ],
tags: [ "200+ projects", "Product delivery", "Client work", ],
url: "https://www.fiverr.com/m4kamran",
},
] as const;
export const capabilities = [
SYMBOLS* Built for clarity. Ready for scale. */
items: [ "Product architecture", "Design systems", "Complex application state", "Accessible interfaces", ],
},
// go to definition →items: [ "Visual regression", "End-to-end strategy", "Reliable release pipelines", "Maintainable monorepos", ],
},
// go to definition →items: [ "API and data design", "Cloud-native releases", "Applied AI workflows", "Technical mentorship", ],
},
// go to definition →] as const;
local selected_work = {
2 BUFFERS-- Products beyond the main route, spanning consumer mobile and connected health systems.
category = "consumer / mobile",
summary = "An App Store product built with web technologies and delivered to native devices.",
stack = { "Next.js", "React", "Capacitor" },},
category = "connected health",
summary = "Live ambulance tracking and incoming patient status for hospital administrators.",
stack = { "Angular", "Node.js", "FHIR" },},
}
return selected_work
## Foundation
2015 — 2019COMSATS University · Islamabad, Pakistan
- Best Freelancer · ILC COMSATS
- Web Development Runner-up · Softec & Nascon
#!/usr/bin/env bash
set -euo pipefail
readonly PRODUCT_PROBLEM="${PRODUCT_PROBLEM:-hard}"
readonly EMAIL="m4kamran008@gmail.com"
readonly MESSAGE="Let’s find the clearest solution."
if [[ "$PRODUCT_PROBLEM" == "hard" ]]; then
fi