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.