Note: This repo is considered frozen, no major changes will be done, other then bug fixes or version upgrades where required.

The evolution of the work started here is in the Designing a UI for Microservices - Demos repo.

Composite-UI-Sample

The overall goal of these set of sample aims to show, in the simplest form possible to keep them simple, the concepts expressed in The secret of better UI composition blog post.

API

OrdersApi and RegistryApi mocks, with no real data storage, 2 sample back-end APIs that expose data related, at the business level, to each other. In this case the RegistryApi owns all the registry related data, and the OrdersApi owns order context bound data that have the notion of the related customer via the CustomerId attribute.

Front-ends

FrontEndWebUI using AngularJS

Getting started

Once you've cloned the repo, create directories RegistryApi\wwwroot and OrdersApi\wwwroot. These directories are empty so can't be in the git-repo, need to be created manually on startup.

Then start OrdersApi and RegistryApi from Visual Studio and run the Grunt -> Tasks -> connect task from Task Runner Explorer. You can now access the app on http://localhost:9000.