Try the Live Demo

Some quick notes about the demo:

  • The demo data will reset every hour
  • The demo application is running in a low service tier and may take a few seconds to spin up.
  • In a real deployment, subdomains can be used to resolve tenants. In the demo, tenants are switched at login with the tenant selection.
  • To see data isolation in action, try logging in as different tenant users.
  • Only the root tenant can access the tenant management area.
  • Only admin level users can access the user administration area.
  • Every tenant has a default admin: admin@email.com
  • The password for all users: Password123!

Thank you for your interest. You can also send a message to learn more about the boilerplate.

asp nano

Please allow 10-15 seconds for the app to boot from a cold start. Try the live demo with the links below:

React Client

Pages Guide

The pages folder contains the actual views of the client app.

The pages folder contains the following subfolders:

  • Authentication – login, forgot and reset password
  • Profile – edit profile, preferences, change password
  • Samples – component library samples
  • Tenants – list view, add and edit modals
  • Users – list view, register and edit modals
  • Venues – list view, add and edit modals

Routing is handled in the top-level in routes.tsx using React Router v5. The pages are lazy loaded as Suspense wrapped components in the renderRoutes loop, with the actual values being passed in from the routes array.

The table components use column shapes to define the how data is displayed. The table components are generic, but the column shape is always specific to each use case.