This is a legacy Firebase example (for SDK 2.x.x). You probably want to use one of the up-to-date examples at https://firebase.google.com/docs/samples


Firebase & AngularJS Starter Pack

Firebase is a powerful platform for your mobile and web applications that lets you build apps fast without managing servers.

Introduction

This starter pack is for anyone building a web app with Angular and Firebase. Firebase's realtime database works well with Angular's two-way data binding and content rendering. This repository includes example applications that use some of the common patterns and best practices for integrating the two technologies.

We recommend taking the tutorial on both the Firebase JavaScript client and AngularJS before proceeding.

There are three key benefits to using Firebase as a backend for your Angular app:

No backend code required

Since Firebase is a hosted service, your app can use the Firebase JS library to talk to the Firebase servers directly. In combination with our flexible security rules that control access to data, this means that in many cases you don't need any backend code at all to write a production ready app.

Authentication

Firebase Authentication makes it easy to add authentication to your app via Facebook, Github, Persona, Twitter, or email / password login. If you already have your own user authentication system, Firebase can integrate with your servers as well.

Realtime Database

Firebase has a realtime database, which means all data synchronized via the service receives updates in realtime when a change is made. This makes Firebase especially powerful as a backend for collaborative apps where data changes frequently.

Example Projects

Chat

Realtime chat written with AngularJS + Firebase.

Live Demo

Todo

An version of the TodoMVC in AngularJS which has been modified to use Firebase as a backend.

Live Demo

Crowdsourced Fog

A crowdsourced weather application for San Francisco fog.

Live Demo

Ionic-Chatroom

A basic realtime chatroom application built with the Ionic frontend framework and Firebase as the backend.

angularFire-seed

An application skeleton for a typical AngularFire web app. This seed allows you to quickly bootstrap realtime apps using Firebase and Angular.

Ionic-seed

An application skeleton for a typical Ionic cross-platform (Android, iOS, Web) app. This seed provides a basic Ionic application hierarchy with Firebase and Angular.

Additional Firebase + AngularJS Resources

If you have any technical questions or feedback on integrating Firebase with Angular, reach out to Firebase support.