fabiangosebrink / foodchooser-aspnet-angular-cross-platform

Cross Platform Application for Demo with Angular & ASP.NET WebAPI

ASP.NET // Webpack // Angular // Typescript // Ahead of Time (AoT) // TreeShaking // Cordova // Electron // 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
• Electron
• Cordova
• 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.

Cross Platform

Cordova

In the client folder on level of the package.json type

npm run create:apps

Electron

In the client folder on level of the package.json type

npm run create:desktop

Web

In the client folder on level of the package.json type

npm run create:web

Web & Apps & Desktop

In the client folder on level of the package.json type

npm run create:all

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

foodchooser-aspnet-angular-cross-platform's Issues

verbose stack Error: missing script: create:all

miss file? I got this error in Windows PowerShell.

In the client folder on level of the package.json type
npm run create:apps
npm run create:desktop
npm run create:web
npm run create:all

Wrong typo and Module build failed

I found wrong typo in some file, I have fixed it but when I run gulp build command, the console log print this "Module build failed: ReferenceError: Promise is not defined ".

Could you fix it and push again.
Thanks.