Shopper, a Services UI Composition and SOA sample

The goal of this set of samples is to show concepts expressed in "The secret of better UI composition" blog post.

Services

CustomerCare, Marketing, Sales, Shipping, and Warehouse are Services that compose this samples. The sample mimics a very small subset of an e-commerce system.

Front-ends

MvcCoreFrontend

MvcCoreFrontend is a .Net MVC Core application.

Client.Angular1

Client.Angular1 is an AngularJS (1.x) single page application.

Getting started

API Projects

Configure Visual Studio to run the following projects as startup projects:

• CustomerCare.API.Host
• Marketing.API.Host
• Sales.API.Host
• Shipping.API.Host
• Warehouse.API.Host

The above projects will expose, self-hosting Owin, APIs through data, owned by services, are accessible.

Single page application

The single page application requires Node.js, bower and grunt to be built and served locally:

• Install Node.js if not already installed
• Install bower globally running at a Node command prompt npm install -g bower
• Install grunt globally running at a Node command prompt npm install -g grunt
• Install grunt-cli globally running at a Node command prompt npm install -g grunt-cli

Open a Node command prompt, move to the single page application:

• first time only: run npm install to install all required dependencies
• run grunt build to build the single page application
• run gunt connect to serve it using the grung default web server (application will be available at http://localhost:9000)