Angular2 demo con Firebase Storage y Firebase Database Realtime

Este proyecto es una demo con Angular2 que muestra cómo trabajar con Firebase Storage para subir imágenes a Firebase y cómo trabajar con Firebase Realtime Database para mostrar en tiempo real los ficheros que se han subido a Firebase Storage.

Screenshots

Subir ficheros:

Mostrar ficheros

 

Descagar y ejecutar la aplicación

• Si no tienes instalado angular-cli, tienes que instalarlo: npm install angular-cli --save
• Clona este repo y entra en el nuevo directorio que has clonado
• Ejecuta npm install
• Ejecuta ng serve

Live demo

Puedes ver este proyecto en ejecución en Firebase Hosting en esta URL:https://upload-
582a4.firebaseapp.com/

Si quieres ver en acción Firebase Realtime Database, puedes abrir la aplicación en dos navegadores distintos, uno con la página List Images y otro con la página Upload Images. Si subes un fichero verás cómo éste se muestra automáticamente en la página List Images.