An example Angular 2 app using Backand Vanilla SDK
TypeScript HTML JavaScript CSS
Switch branches/tags
Nothing to show
Clone or download
Pull request Compare This branch is 10 commits ahead, 2 commits behind kornatzky:master.
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.
e2e Updated to Angular CLI 1.0.0 Apr 3, 2017
src fixed ui and backand result Oct 9, 2017
.angular-cli.json Updated to lasted angular 5.1.2 Dec 26, 2017
.editorconfig Angular JS 2 Project Created Dec 19, 2016
karma.conf.js Updated to Angular CLI 1.0.0 Apr 3, 2017
protractor.conf.js Updated to Angular CLI 1.0.0 Apr 3, 2017

Angular 2.x, 4.x + Backand JavaScript SDK

An example of Angular project with Backand Inetgartion and workflow based on angular-cli


  1. Install latest nodeJs

  2. Install angular CLI. angular-cli.

npm install -g angular-cli

Getting started

  1. Clone
  2. Go to project folder and install dependencies:
npm install
  1. Update Backand configurations in app.component.ts
     appName: 'your app name', 
     signUpToken: 'your signup token', 
     anonymousToken: 'your anonymous token', 
     runSocket: true //optional [true|false]
  1. Launch development server, and open localhost:4200 in your browser:
ng serve

Project structure

dist/                        compiled version
e2e/                         end-to-end tests
src/                         project source code
|- app/                      app components
|  |- crud/                  crud component (CRUD operation on your model in Backand.Get items, Post items, Filter items )
|  |- files/                 files component (Upload files to Backand storage)
|  |- login/                 login component (Sign in to Backand using username and password, or with anonymous token.)
|  |- signup/                signup component (Sign up to Backand , Sign up using Facebook/Twitter/Google/GitHub)
|  |- app.component.*        app root component (shell) - Update Backand configuration(appName, signUpToken, anonymousToken, runSocket)
|  |- app.module.ts          app root module definition
|  |- app-routing.module.ts  app routes
|  +- ...                    additional modules and components
|- assets/                   app assets (images, fonts, sounds...)
|- environments/             values for various build environments
|- index.html                html entry point
|- styles.css                global style entry point
|- main.ts                   app entry point
|- polyfills.ts              polyfills needed by Angular
+- test.ts                   unit tests entry point

Generate new component using angular-cli.

ng generate component my-new-component