Case Studies

9+ years building scalable frontends across insurance, travel, healthcare, media, and startups. Each role focused on clean architecture, performance, and measurable impact.

Download Resume
  • Micro-Frontend Architecture & Engagement Growth

    Bimebazar (Insurance)

    Micro-Frontend Architecture & Engagement Growth

    At Bimebazar, I led frontend development for Shoraka, a market-leading B2B insurance platform. I owned the architecture and delivery of a micro-frontend system built with React and Next.js to enable scalable growth and long-term maintainability.

    +2,852Engagement Growth (YoY)

    Challenge

    When I joined, the platform faced structural limitations:

    • The inherited codebase was outdated and fragile, making it difficult to implement features required by new enterprise users
    • Lack of consistent standards across frontend, backend, and design teams
    • Architecture that did not support rapid scaling or parallel development
    • These issues slowed feature delivery and created friction between teams at a critical growth stage.

    Approach

    Architectural Redesign
    • Designed and implemented a micro-frontend architecture
    • Standardized the stack around React + Next.js
    • Enabled independent feature ownership and parallel team execution
    Engineering Standards & Collaboration
    • Introduced shared frontend standards and conventions
    • Improved API contract clarity with backend teams
    • Strengthened alignment with design systems
    Performance & Scalability
    • Implemented code splitting and lazy loading
    • Optimized rendering strategy
    • Reduced bundle complexity and technical debt

    Impact

    • Achieved 2,852% year-over-year growth in monthly engaged users
    • Enabled faster feature delivery for enterprise clients
    • Improved cross-team collaboration and engineering velocity
    • Established a scalable foundation for long-term product expansion
    ReactNext.jsTypeScript
  • Frontend Modernization & Multi-Brand Growth

    PAP Group (Travel)

    Frontend Modernization & Multi-Brand Growth

    At PAP Group, I led frontend teams in building and modernizing market-facing travel platforms including Trip.ir, Alefbatour, and Mehrparvaz. My mandate was to modernize the frontend architecture, introduce scalable standards, and create a unified component ecosystem across products.

    +370Task Delivery Efficiency

    Challenge

    When I joined, the frontend layer relied on Razor (.NET), which introduced structural constraints:

    • Tight coupling between backend and frontend slowed iteration
    • No reusable component architecture
    • Lack of centralized design system
    • Inconsistent UI standards across brands
    • Limited scalability for marketing-driven growth
    • The company needed a modern frontend foundation to enable faster execution and consistent multi-brand experience.

    Approach

    Frontend Modernization
    • Transitioned architecture to Vue 3 + Nuxt
    • Introduced Tailwind CSS for scalable styling
    • Implemented component-driven development principles
    • Decoupled frontend from backend to accelerate delivery
    Design System & UI Framework
    • Led the creation of the in-house UI framework, Ethud
    • Built reusable components shared across platforms
    • Established frontend standards and governance
    • Created a scalable design system aligned with product and marketing
    Performance & Execution Optimization
    • Standardized component architecture for maintainability
    • Streamlined development workflows across teams
    • Improved UX flows to reduce friction in user journeys

    Impact

    • Increased task delivery efficiency by 370%
    • Enabled faster rollout of features across multiple brands
    • Established a unified and scalable frontend ecosystem
    VueNuxtTailwind CSS
  • Performance Optimization & Workflow Enhancement

    DrNext (Healthcare)

    Performance Optimization & Workflow Enhancement

    At DrNext, I was a key frontend developer for DrNext.ir, building dynamic medical workflows and complex healthcare forms used daily by medical professionals. My focus was improving performance, reliability, and usability within a mission-critical healthcare system.

    +60Application Responsiveness

    Challenge

    When I joined, the application suffered from structural frontend inefficiencies:

    • Slow and inconsistent UI due to unnecessary re-renders
    • Heavy components blocking smooth interaction
    • Large medical datasets degrading list performance
    • Complex workflows increasing friction for healthcare professionals
    • The system needed significant performance optimization to support real-world clinical usage at scale.

    Approach

    Performance Optimization
    • Re-architected data flow to eliminate redundant re-rendering
    • Implemented lazy loading for heavy and conditionally rendered modules
    • Introduced virtual scrolling for large medical datasets
    • Refactored inefficient component patterns and state handling
    • These improvements significantly enhanced runtime efficiency and interaction smoothness.
    Workflow & Feature Development
    • Built dynamic healthcare forms using Vue 2 + Nuxt
    • Implemented structured, multi-step workflows for medical professionals
    • Integrated browser APIs (Canvas, Speech) to enhance accessibility and documentation capabilities
    Engineering Contribution
    • Participated in code reviews to maintain frontend quality
    • Contributed to technical interviews and hiring decisions
    • Helped reinforce frontend best practices within the team

    Impact

    • Improved application responsiveness by approximately 60%, delivering significantly smoother UI interactions
    • Reduced average form completion time by 20%
    • Decreased frontend-related errors by 15%
    • Increased workflow efficiency for medical professionals in daily operations
    VueNuxtSCSS

For full history and more, check my LinkedIn.

Other Projects

From crypto and Web3 apps to design tools and open-source platforms. I build and share to stay sharp and help others grow.

  • Zarban.io

    Freelance

    During the Zarban redesign project, I worked with React, TypeScript, and Web3 to refactor and modernize the web application. I contributed heavily to improving scalability, maintainability, and user experience by restructuring core frontend architecture and aligning the codebase with industry best practices. Through active code reviews and technical feedback, I helped raise overall code quality and performance across the platform.

    ReactTypeScriptWeb3

  • Adilar

    Freelance

    Served as the primary frontend developer in a small team, revamping and refactoring the applicant tracking system using Vue, Nuxt, and Sass. Focused on improving user experience, modernizing the interface, and implementing frontend best practices for maintainability and performance.

    VueNuxtSCSS

  • Coinito

    Freelance

    Developed Coinitor, a web application to monitor cryptocurrency farms, using Vue 3. Built real-time dashboards to track key metrics, implemented notifications for critical events, and optimized the interface for usability and performance.

    Vue

  • RangeBrand

    Side Project

    An open-source color platform that began as a directory of Iranian brand colors and grew into a full palette and color utility toolkit. I designed and built tools such as contrast checking, color shifting, and palette generation to support accessibility and design-system workflows.

    VueGraphQL

  • Nakamology

    Side Project

    An open-source platform cataloging failed Iranian startups, combining qualitative analysis with first-hand founder insights. I designed and built the platform to make startup failures searchable, comparable, and educational for founders, investors, and product teams.

    VueGraphQL
Back to Home