PhamVanThuan / ASPNET-Foodchooser-Cross-Platform-Angular2

Cross Platform Application for Demo with Angular2, ASP.NET WebAPI and Webpack, Gulp, ...

ASP.NET // Webpack // Angular2 // Typescript // Cross Platform - Project "Foodchooser"

Get the Android SDK here Android SDK
Get the Windows SDK here Windows SDK

Make sure you have installed
Typescript compiler: tsc -v = Version 1.8.10
Npm: npm -v = 2.15.1
Node node -v = v4.4.4
Cordova: cordova -v = 6.1.1

Blogposts

Angular, ASP.NET WebAPI, Azure & Cordova, Cross Platform – My Private Hackathon Part 1

Angular, ASP.NET WebAPI, Azure & Cordova, Cross Platform – My Private Hackathon Part 2

In this repository we have done an example app with

• Angular 2
• Typescript
• Bootstrap
• Automapper
• WebPack
• ASP.NET WebAPI 2.2
• Gulp.js
• NPM
• Azure

to make it cross platform, which means its working as an exe, as an app on phones and as a web application.

This is done with

• Cordova (for the Apps)
• Electron (for the exe)
• Gulp (for the web application)
• WebPack (for the web application)
• ASP.NET WebAPI (for the backend)

Feel free to add gulp tasks as you want :)

This is the Angular 2 Version of the Foodchooser-Example. Find the Angular 1 Version here: Angular1 Version

Start

Navigate to the "Client"-Folder and type in

npm install

and

tsc

to install all dependencies and run

npm start

and browse to "localhost:8080" to start the application.

If you want to start right ahead with the gulp tasks listed below just make sure you ran the

tsc

command in the client folder first.

Gulp

Navigate to the "Client"-Folder and type in

gulp

to get a ist of all the tasks available

With

gulp build:all

you can build all variations the repository brings. A

.dist

-Folder will be created containing all outputs.

#Screenshots

Cordova-Project in Visual Studio

Windows 8.1 App

Windows 10 Mobile (old design)

Android (with the new design)

Windows 10

Executable (Electron - with the new design)

Web