FrontendPro

139Design a large enterprise React application with micro-frontends, permissions, and deployment strategies

hardAbout 60 minutesSystem designarchitecturemicro-frontendspermissionsmonoreposystem-design

Problem

Design the frontend architecture for a large enterprise product (think an HR, finance or CRM suite) built by 15 teams:

  • dozens of modules (Employees, Payroll, Expenses, Reports, Admin) with hundreds of screens;
  • fine-grained permissions: what a user can see and do depends on roles, organisation unit and record ownership, and admins can change them at any time;
  • frequent, safe releases with feature flags, gradual rollouts and quick rollback;
  • consistent UX and accessibility across all teams; multi-tenant (each customer company has its own configuration and branding).

Cover the code organisation (monorepo vs micro-frontends), the permission model on the client, routing and data access, the design system, and the build and deployment pipeline.

Step-by-step

Fifteen teams need autonomy without fragmenting the product. Map modules to teams and decide where independence matters (deploys) and where uniformity matters (design system, auth, permissions, telemetry).

Unlock the full solution

What's inside

  • Step-by-step
  • Requirements
  • Architecture
  • Data model and state
  • Key flows and trade-offs
  • Performance and reliability
  • Follow-up questions

Includes 2 code listings, 4 follow-up questions.

One-time payment by UPI, card or net banking. Launch price.

All 150 answersOne payment, yours forever