Building user-focused digital products with clarity, performance, and purpose.
I design, build, and iterate on digital experiences by combining engineering excellence with product thinking - from idea to impact.
Where code meets
product thinking
Er. Mishan Khatri, Product Engineer with a strong full-stack engineering foundation & working at the intersection of engineering, design, and user experience - where decisions matter as much as implementation.
He focus on understanding user problems, making thoughtful technical trade-offs, and shipping products that are intuitive, performant, and scalable. His background includes building design systems, interactive experiences, and production-ready web and mobile applications.
What I care about
- User experience & clarity
- Performance as a feature
- Maintainable systems
- Collaboration with designers & PMs
LinkedInCase Studies
Real projects, real problems, real outcomes. Each case study shows how I combine engineering, design, and product thinking to deliver measurable impact.
WhosLive.io
Ultimate Hub for Live-Stream Discovery
Product Engineer - Frontend Architecture & Cross-Platform DevelopmentView ProjectProblem
Live-streaming is fragmented across Twitch, YouTube, Kick, and Rumble. Users who follow creators on multiple platforms had no single place to discover what's live - leading to missed streams and platform-hopping fatigue.
Solution
A unified discovery experience that aggregates live streams across 4+ platforms in real time, with personalized recommendations, cross-platform search, and a responsive UI that feels native on every device.
Key Decisions & Trade-offs
- →Chose React Native + Expo to ship a single codebase to Web, iOS, and Android - cutting development time by ~60% compared to native apps for each platform.
- →Adopted tRPC for end-to-end type-safe API contracts between frontend and backend, eliminating an entire class of runtime integration bugs.
- →Designed a modular streaming-provider architecture so new platforms (e.g., Rumble, Kick) can be added without refactoring core aggregation logic.
Impact & Outcome
Launched on Web, iOS, and Android from a single codebase. Aggregating 10k+ live streams across 4 platforms with 85% mobile engagement rate. Reduced new-platform integration time from weeks to days.
Agent Manager
Professional Client Management Platform for Australian Businesses
Product Engineer - Full-Stack Architecture & Multi-Tenancy DesignView ProjectProblem
Education and migration agents in Australia were managing client relationships through spreadsheets and fragmented tools - leading to missed follow-ups, compliance risks, and scaling bottlenecks.
Solution
A multi-tenant SaaS platform where agencies manage clients, track applications, handle compliance documents, and collaborate - all from a single dashboard with granular permission controls.
Key Decisions & Trade-offs
- →Implemented multi-tenant architecture with row-level security in PostgreSQL, allowing each agency to have isolated data while sharing infrastructure - reducing per-tenant costs by 70%.
- →Chose tRPC + Prisma over REST for the API layer, achieving full type safety from database to UI and cutting API-related bugs during development.
- →Built a role-based access control system from scratch rather than using an off-the-shelf solution, because the business rules for agent/sub-agent/client hierarchies were too specific for generic RBAC libraries.
Impact & Outcome
Serving multiple agencies with role-based access across 3 permission tiers. Reduced client management overhead by 50% for onboarded agencies. Zero data isolation incidents since launch.
FindTheCourses
Connect with Australian Universities Without Intermediaries
Product Engineer - Full-Stack Development & Search UXView ProjectProblem
International students relied heavily on education agents to find Australian university courses - paying unnecessary fees and receiving biased recommendations tied to agent commissions.
Solution
A direct-to-university platform where students can search, compare, and connect with Australian educational institutions without intermediaries - saving time and reducing bias in course selection.
Key Decisions & Trade-offs
- →Designed a faceted search system with server-side filtering and URL-driven state, so users could bookmark and share specific search results - improving discoverability and return visits.
- →Chose incremental static regeneration (ISR) over fully static pages, balancing SEO performance with real-time data freshness for course availability.
- →Built a comparison feature allowing side-by-side evaluation of up to 3 courses, based on user research showing this was the #1 missing feature from existing platforms.
Impact & Outcome
Indexed 1,000+ courses across Australian institutions. Average session duration of 4+ minutes, indicating meaningful engagement. Eliminated agent commission fees for direct applicants.
XcelPay Wallet
Self-Custodial Crypto Wallet
Product Engineer - Mobile Development & Web3 IntegrationView ProjectProblem
Users needed a mobile-first crypto wallet that was both secure (self-custodial) and simple enough for non-technical users to manage multiple assets like ETH, BTC, and USDT without confusion.
Solution
A self-custodial mobile wallet supporting multi-chain assets with WalletConnect integration, biometric security, and a clean UI that abstracts away blockchain complexity for everyday users.
Key Decisions & Trade-offs
- →Integrated WalletConnect protocol for dApp connectivity instead of building a custom bridge - reducing security risk and giving users access to the broader Web3 ecosystem from day one.
- →Implemented biometric authentication as the default over PIN-based auth, based on user testing that showed 3x faster unlock times and higher perceived security.
- →Chose a progressive disclosure pattern for advanced features (gas settings, token approvals) so the default experience stays simple while power users can access full controls.
Impact & Outcome
Shipped on iOS and Android with multi-chain support (ETH, BTC, USDT). WalletConnect integration enabled dApp access for 100% of users. Achieved 4-step onboarding flow - down from 8 steps in previous version.
XcelTrip
Decentralized Travel Platform
Product Engineer - Frontend Performance & Booking UXView ProjectProblem
Traditional OTAs charge hotels 15-25% commission, inflating prices for travelers. There was no viable travel platform that accepted cryptocurrency payments while offering competitive inventory.
Solution
An online travel aggregator with 2.3M+ hotels and 450+ airlines, supporting cryptocurrency and traditional payments with 0% commission for hotel partners.
Key Decisions & Trade-offs
- →Optimized the hotel listing page with virtualized scrolling and image lazy-loading, improving initial page load by 35% - critical for a platform with 2.3M+ hotel listings.
- →Chose Zustand over Redux for state management to reduce boilerplate and bundle size, resulting in a 20% smaller JavaScript payload for the booking flow.
- →Designed the payment flow to seamlessly switch between crypto and fiat, with real-time price conversion - abstracting away blockchain complexity during checkout.
Impact & Outcome
35% improvement in Lighthouse performance scores. Booking flow supports both crypto and fiat with real-time conversion. 0% commission model attracted hotel partners globally.
Enchanted Weddings
Premium Wedding Photography & Videography
Product Engineer - Full-Stack Development & CMS ArchitectureView ProjectProblem
A premium wedding photography studio needed a portfolio site that showcased their work with the same emotional quality as the photos themselves - while being easy for the non-technical team to update.
Solution
A visually immersive portfolio and booking site with a headless CMS backend, optimized image delivery, and a gallery experience designed around how people naturally browse photography.
Key Decisions & Trade-offs
- →Chose Strapi as headless CMS over WordPress, giving the team a modern admin panel while keeping the frontend fully custom - enabling the high-quality visual experience the brand required.
- →Implemented responsive image optimization with next/image and WebP conversion, reducing page weight by 60% without compromising photo quality on large screens.
- →Designed the gallery with a masonry layout and lightbox navigation, based on studying how users browse visual portfolios - prioritizing immersive viewing over grid uniformity.
Impact & Outcome
60% reduction in page load time through image optimization. CMS empowered the team to update galleries independently. Bounce rate decreased after redesign due to immersive gallery UX.
More Projects
How I Work
Understand & Align
Start with the user problem, not the tech stack. Align with stakeholders on what success looks like, map user flows, and identify the highest-impact areas to focus on first.
Design & Collaborate
Work closely with designers and PMs to bridge feasibility and vision. Evaluate trade-offs between UX ideals and technical constraints. Prototype early to validate assumptions.
Build & Validate
Ship iteratively with a product mindset — gather user feedback early, make data-informed decisions, and balance technical excellence with speed to market.
Measure & Iterate
Track impact through performance metrics, user behavior, and business outcomes. Continuously improve based on real data rather than assumptions.
Tools & How I Apply Them
Frontend Development
Building scalable UI systems with focus on performance, accessibility, and maintainability. Optimized web vitals and achieved 35% performance improvements through code splitting, lazy loading, and bundle optimization strategies.
Mobile Development
Cross-platform apps that feel native on iOS and Android. Shipped production apps from a single codebase using React Native + Expo, cutting development time by 60% compared to separate native builds.
Backend & APIs
Type-safe, scalable backend systems with end-to-end type safety from database to UI. Built multi-tenant SaaS platforms with role-based access control serving multiple organizations with zero data isolation incidents.
Design Systems & Tooling
Ensuring consistency between design and engineering workflows. Building reusable component libraries, establishing theming architecture, and reducing friction between design, development, and deployment.
Experience
Lead Frontend Engineer (Web/Mobile)
WhosLive.ioLed frontend architecture for a cross-platform live-stream discovery hub, making key decisions that enabled deployment to Web, iOS, and Android from a single React Native codebase. Collaborated with backend engineers to design type-safe API contracts using tRPC, significantly reducing integration bugs. Drove product decisions around UI/UX patterns based on user behavior analytics.
Full-Stack Engineer (Web)
FindTheCourses / Agent ManagerArchitected multi-tenant SaaS platforms with row-level security, reducing per-tenant infrastructure costs by 70%. Designed and implemented role-based access control that serves multiple agencies across 3 permission tiers with zero data isolation incidents. Made architectural decisions around tRPC + Prisma over REST, achieving full type safety from database to UI.
Frontend / Mobile Engineer (Web/Mobile)
Xcellabs Pvt LtdDrove 35% improvement in Lighthouse performance scores through code splitting, lazy loading, and bundle optimization strategies. Built cross-platform crypto wallet with WalletConnect integration, reducing onboarding flow from 8 steps to 4. Established reusable design system and theming architecture adopted across 3 product teams.
Software Engineer (Web)
Oownee LLCDelivered full-stack solutions for property management and education platforms, collaborating with designers to translate complex workflows into intuitive dashboard experiences. Made architectural decisions that improved maintainability and reduced rework across multiple codebases.
Full-Stack Engineer (Web)
ClinchTech Pvt LtdLed frontend development for user-facing features across learning management and travel platforms, with focus on usability and performance. Collaborated with designers to build accessible, responsive UIs that served diverse user bases across Nepal.
Software Engineer Intern
Black TechContributed to web development projects using React and Node.js while developing skills in agile collaboration, code review practices, and understanding how product decisions translate into engineering work.
Education
Bachelor in Computer Engineering
Tribhuvan UniversityFocused on software engineering, database systems, and machine learning. Final year project: Geetsunam - Nepali Music Streaming Platform with genre-based recommendation and classification.