Skip to content
This project is an Angular2 demo to show how to use Firebase Storage to upload images in Firebase and how to use Firebase Realtime Database to see in real time the files that are uploaded.
TypeScript HTML JavaScript CSS
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
doc/images
e2e
src
.editorconfig
.gitignore
README.md
angular-cli.json
debug.log
karma.conf.js
package.json
protractor.conf.js
tslint.json

README.md

UploadFirebase - Project description

This project is an Angular2 demo to show how to use Firebase Storage to upload images in Firebase and how to use Firebase Realtime Database to see in real time the files that are uploaded.

Screenshots

Upload files:

Upload Files

List files:

List Files

Download and run the application

  • If you have not installed angular-cli, you have to install it: npm install angular-cli --save
  • Clone this repo and enter inside the folder
  • run npm install
  • run ng serve

Live demo

You can see this project running in Firebase Hosting in this URL: https://upload-582a4.firebaseapp.com/

If you want to see working the Firebase Realtime Database then you can open two different browsers, one with the List Images page and the other one with the Upload Images page. Then you will see that when you upload images they will be displayed automatically in the list images page.

You can’t perform that action at this time.