/angular-seed-hybrid-admin

Angular 2 Seed Hybrid Admin

Primary LanguageHTMLMIT LicenseMIT

Angular(2) Seed Hybrid Admin (Template)

Join the chat at https://gitter.im/angular-seed-hybrid/Lobby MIT license Dependency Status devDependency Status DONATE

Description

Multiplatform Angular 2 project (Web, Mobile and Desktop) with a sample admin template applied.

Based (forked) on https://github.com/jvitor83/angular-seed-hybrid

Features

  • Web
  • Hybrid Mobile (Cordova)
  • Desktop (Cordova)

TODOs

  • Test Web
  • Test Browser (Cordova)
  • Test Windows (Cordova)
  • Test Android (Cordova)
  • Test iOS (Cordova)
  • Test OSx (Cordova)
  • Test Ubuntu (Cordova)
  • Test dev build
  • Watch dev build for Cordova
  • Test prod build
  • Test others dev environment (Non Windows)
  • Add Ionic2

Sample

With Template SB Admin https://github.com/jvitor83/angular-seed-hybrid-admin

Requirements

Starting

# Clone this repository
git clone https://github.com/jvitor83/angular-seed-hybrid-admin
cd angular-seed-hybrid-admin

# Install global dependencies
npm install --global cordova typescript ts-node gulp rimraf browser-sync

# Install the project's dependencies
npm install

At some cases is good to consider using Crosswalk for better compatibility and performance

# At root folder
cd src/cordova
cordova plugin add cordova-plugin-crosswalk-webview --save

Running

PLATFORM GUIDE (Tools, Sdk, etc) INSTALL RUN
Web npm run start
Android Platform Guide npm run install.android npm run start.android
IOS Platform Guide npm run install.ios npm run start.ios
Windows Platform Guide npm run install.windows npm run start.windows
OSx Platform Guide npm run install.osx npm run start.osx
Ubuntu (Linux) Platform Guide npm run install.ubuntu npm run start.ubuntu
Browser npm run install.browser npm run start.browser

Structure

├── src                        
│   ├── client                      <- source code of the application
│   │   ├── app                     <- angular components
│   │   ├── assets                  
│   │   ├── css                     
│   └── cordova                     <- cordova project

The src/cordova/app directory contains two symbolic links, one to src/client/app and another to src/client/assets, this allow to reuse the same files from within those folders from the web build at the cordova build.

Change Log

You can follow the Angular change log here.

License

MIT