Skip to content

Latest commit

 

History

History

AngularWebDev

README.md

Angular Front-end UI

Overview

This project was generated with Angular CLI version 1.1.2 and angular 4.

  • Sources for Web front-end UI that communicate with Microsoft Bot App
  • deveploed with modern web-techs like Angular 4, TypeScript, Angular CLI, Bootstrap, etc.
  • included Power BI Embedded UI for analysis report
  • also included Web Chat Bot and Skype Web Chat Bot for communicating with Bot app
  • It fetches list of blob that have uploaded by Bot from the Azure storage using @angular/http and RxJs

Angular Web App and Bot app is hosting on Azure Web App.

Front-end UI Architecture is as follows.

Front-end UI Architecture

Snapshots

These are snapshots of front-end web ui.

Main page with Skype Web chat Home

Chat bot page
Home

Power BI emebedded UI
Home

page for blob list uploaded
Home

Test

Install Angular CLI if you need

Both the CLI and generated project have dependencies that require Node 6.9.0 or higher, together with NPM 3 or higher. this is a prerequisites

How to install Angular cli

npm install -g @angular/cli

Configure Angular Web for localhost

  • Run ng serve for a dev server.
  • Navigate to http://localhost:4200/.
  • The app will automatically reload if you change any of the source files.
  • but, I'm not sure that Bot server is always available

VS code