Giter VIP home page Giter VIP logo

todo-angular2-firebase's Introduction

Build Status

Todo app with Angular2, AngularFire2, and Firebase

A simple Todo app example built with Angular2 and AngularFire2. The app features a Firebase backend with OAuth authentication. Try the demo at ng2-todo-app.firebaseapp.com.

  • Angular2 2.0.0-beta.13
  • AngularFire2 2.0.0-alpha.13
  • Firebase
    • JSON Datastore
    • OAuth authentication with GitHub, Google, and Twitter
    • Hosting
  • Gulp
  • RxJS
  • SASS
  • Typescript
  • Webpack
    • Inlines external SCSS files
    • Inlines external HTML templates
    • Bundles and minifies release builds
    • Injects style and script tags into index.html

Quick Start

$ git clone https://github.com/r-park/todo-angular2-firebase.git
$ cd todo-angular2-firebase
$ npm install
$ npm start

Developing

Prerequisites

  • node >=5.2

Installing Global Dependencies

$ npm install -g karma-cli
Webpack (optional)
$ npm install -g webpack
$ npm install -g webpack-dev-server
Gulp v4 (optional)
$ npm install -g gulpjs/gulp-cli#4.0

The gulp tasks for this project require gulp v4-alpha. If you don't wish to globally install the v4 gulp-cli, you can run the gulp tasks using the locally installed gulp under ./node_modules/.bin — for example:

$ ./node_modules/.bin/gulp run

Installing Project-local Dependencies

$ npm install

Commands

Develop

$ gulp

or

$ npm start
  • Start the Webpack dev server at localhost:3000
  • Watch for changes to your source files
  • Live-reload the browser

Lint (tslint)

$ gulp lint

Test (single-run)

$ gulp test

Test (watch mode)

$ gulp test.watch

Dist build

$ gulp dist

Executes the following:

  • gulp lint
  • gulp test
  • gulp build

BrowserSync server

$ gulp dist
$ gulp serve
  • Serves the dist build from the /target directory

todo-angular2-firebase's People

Contributors

r-park avatar

Watchers

James Cloos avatar Bryan Garzón Bahamón avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.