Skip to content
This repository has been archived by the owner. It is now read-only.
A Firebase + AngularJS Starter Pack
JavaScript CSS Objective-C Java HTML Shell Other
Branch: master
Clone or download
samtstern Prepare for archiving (#22)
* Prepare for archiving

* Line break
Latest commit 8c0248f Aug 25, 2018
Type Name Latest commit message Commit time
Failed to load latest commit information.
Chat Initial commit Jan 10, 2014
Crowdsourced-fog Initial commit Jan 10, 2014
Ionic-Auth Generic Firebase URL. Jan 2, 2015
Ionic-Chatroom Source control a version of cordova.js with the example May 13, 2014
Ionic-seed Updated Ionic-seed to make better use of Firebase Jan 15, 2014
Todo Initial commit Jan 10, 2014
angularFire-seed allow for numbers in firebase url Mar 28, 2014
LICENSE Prepare for archiving (#22) Aug 24, 2018

Status: Archived

This repository has been archived and is no longer maintained.

status: inactive

This is a legacy Firebase example (for SDK 2.x.x). You probably want to use one of the up-to-date examples at

Firebase & AngularJS Starter Pack

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


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.


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


Realtime chat written with AngularJS + Firebase.

Live Demo


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


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


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


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.

You can’t perform that action at this time.