CORE
TypeScript
Production-grade TS across the full stack — strict mode, advanced generics, mapped types, and discriminated unions. Catches entire bug classes at compile time, not in prod.
Senior Frontend Engineer
Senior Frontend Engineer:
React & Design Systems for Core Web Architecture
I specialize in building high-performance, type-safe systems and design-led user experiences that scale with your business requirements and technical complexity.
Available for work
Imran Khan
Senior Frontend Engineer
Engineering strength wrapped in elegant design.
I have over 7 years of experience developing modern, responsive, and high-performance user interfaces. My frontend expertise includes HTML5, SCSS, JavaScript, TypeScript, and frameworks such as Angular, React, Next.js, TanStack Start, Vue 3, React Native (CLI & Expo), Solid.js, and Electron.
Currently, I am expanding my skill set into backend development, working with APIs, server-side runtimes, and database engines to master full-stack application design and end-to-end data flow.
Throughout my career, I have been involved in the full Software Development Lifecycle (SDLC)—from planning, analysis, and design to development, testing, deployment, and maintenance. I collaborate closely with stakeholders to deliver reliable solutions under tight deadlines.
Senior Frontend Engineer
Jul 2023 — PresentBurdaForward — Munich
Built SolidJS components with Storybook stories and Tailwind Variant patterns. Contributed to a whitelabel design system using SCSS variables, led code reviews, and coordinated modern frontend architectural strategies.
Senior Frontend Engineer
Dec 2020 — Jun 2023Robotise AG — Munich
Designed and shipped UIs for Robot GUI (Angular), Hotel Robots App, and Hotel Robots Inventory (React). Optimized performance, wrote unit and E2E tests, integrated TypeScript with Material-UI and ROS interfaces, and mentored junior frontend developers.
Frontend Developer
May 2016 — Nov 2020TourismusSuite GmbH — Neuss
Engineered B&B Hotels client apps, admin dashboards, and NativeScript mobile apps. Redesigned the booking module, integrated Stripe payments, wrote Cypress E2E tests, and provided technical guidance to junior developers using Angular, Angular Material, and RxJS.
Full-time from Apr 2018; Part-time Jun 2016 - Apr 2018
PHP Developer
Nov 2015 — Apr 2016denkwerk GmbH — Cologne
Created multi-tenant image slider libraries for the Gedore project, wrote E2E browser tests with Selenium, and resolved system bugs.
WordPress Developer
Aug 2014 — Sep 2015Aspire Solution — Islamabad
Built custom WordPress sites and plugins from scratch using PHP, jQuery, and responsive SCSS styling sheets.
Master's Degree, Computer Science
Sep 2015 — Mar 2018Rheinische Friedrich-Wilhelms Universität Bonn — Bonn
Advanced studies in distributed systems, semantic web, usable security, and humanoid robotics. Final thesis on Big Data.
Bachelor's Degree, Computer Science
Jul 2010 — Aug 2014COMSATS Institute of Information Technology — Islamabad
Foundational engineering in algorithms, OOP, compiler construction, software engineering, AI, networks, and web engineering.
Core Competencies
CORE
React
Deep expertise beyond tutorials — concurrent rendering, RSC, the React Compiler replacing manual memoisation, Context architecture, custom hook composition, and compound component patterns. Builds UIs that stay fast and maintainable as the product scales.
CORE
Vue 3
Production Vue 3 with Composition API, typed props and emits, Pinia for state, and performance-conscious rendering. Leads feature delivery and code review in mature SPAs without fighting the framework.
Angular
Angular applications with NgRx state management, RxJS reactive patterns, Angular Material, and Angular CLI for scalable enterprise SPAs.
SolidJS
Fine-grained reactive UIs with SolidJS, Storybook-driven component development, and Tailwind Variant patterns for reusable, type-safe styling.
CORE
TanStack
The full ecosystem — Query for server-state sync, Router for type-safe nested layouts, Table for virtualised and filterable data grids, Virtual for windowed lists, Form for schema-validated inputs, and Start for full-stack SSR. Replaces a tangle of one-off solutions with a coherent, battle-tested foundation.
CORE
React Native
Ships iOS and Android via CLI and Expo — Auth0 authentication, app router, deep linking, universal links, Redux Toolkit with redux-persist, NativeWind theming, and 100% VoiceOver accessibility on iOS.
CORE
Multi-brand
Builds one codebase that powers multiple brands — runtime token switching, per-tenant theming, and isolated brand configs. Reduces maintenance overhead as the client portfolio grows.
QUALITY
Testing
Tests that reflect real user behaviour, not implementation details. Unit with Vitest and Jasmine, integration with Testing Library, E2E with Cypress and Playwright — coverage thresholds enforced in CI.
CORE
Design System
Architects token-based systems with Radix UI and Tailwind that cut new-feature UI time significantly. Components are accessible, themeable, and owned by no single product team.
HTML5
Semantic structure that works before any JS loads. Correct heading hierarchy, landmark regions, and document architecture that SEO crawlers and assistive tech both rely on.
SCSS / CSS
Scalable stylesheets without specificity wars — design tokens, cascade layers, and container queries. CSS that a team of five can maintain without stepping on each other.
Accessibility
Not a checkbox — a first-class requirement. WCAG 2.2 AA built into atom components from day one, with keyboard flows, screen-reader semantics, and audit-friendly patterns that expand who can use the product.
Storybook
Enforces component contracts and prevents UI regressions. Design, dev, and QA align on the same source of truth before a feature ever hits staging.
BACKEND
Node.js
Writes APIs a frontend dev can actually consume — consistent error shapes, typed request/response contracts, and scalable server architecture for production workloads.
BACKEND
Databases
PostgreSQL schema design that won't need a rewrite in six months. Drizzle ORM keeps queries fully typed end-to-end — no raw SQL leaking unvalidated data into the app layer.
BACKEND
Redis
Reaches for caching when it solves the right problem — session stores, rate limiting, real-time pub/sub. Knows the tradeoffs between cache-aside and write-through strategies.
Security / Auth
Implements OAuth 2.0 / OIDC via Auth0 and BetterAuth — PKCE flows, short-lived JWTs, token rotation, and RBAC. Understands the attack surface across web and mobile clients.
NEW
AI / LLM
Integrates LLMs into real products — streaming UIs, RAG retrieval, structured tool calls, and guardrails. Knows where AI adds value and where it adds complexity.
CI/CD & Git
Sets up pipelines and deploy targets that prevent broken releases — branch protection, parallelised test runs in CI, Docker-based deploys, and environment-gated rollouts. Ships are boring, not events.
Sentry
Configured from day one, not added after the first outage. Source-map resolution, release tracking, and alert routing mean bugs are caught, owned, and fixed fast.
Selected Projects
Engineering solutions for high-stakes digital environments.
Industrial IoTReact
Robot ROC Application
A high-performance control dashboard and graphical interface for autonomous service robots. Includes Angular Robot GUI and React hotel fleet management with real-time state sync.
React, Angular, Three.js
HospitalityReact Native
B&B Hotel Mobile Apps
A suite of cross-platform apps including the Hotel App Manager, Guest App, and Staff App. Features mobile-first layouts and AWS authentication integrations.
React Native, GraphQL
E-commerce IntegrationPHP
Gedore Multisite
Custom multisite image sliders and platform enhancements. Implemented custom End-to-End tests to automate verification for site updates.
PHP, Oxid Framework, Selenium WebDriver, jQuery
CMS & Plugin EngineeringPHP
Custom WP Plugins
Development of bespoke WordPress websites and core plugins from scratch, resolving critical system bugfixes and speed optimizations.
PHP, WordPress Core, JavaScript, SCSS
Let's build something resilient.
Currently open to selective senior/lead roles and architectural consulting engagements.