Full-Stack Firebase
  • Introduction
  • Introduction
    • Full-Stack Firebase
    • Why Firebase?
    • What is serverless?
    • Prerequisites
    • Overview & Structure
    • Write your first query
    • Links
    • Downloadable Notes
  • Firebase Console
    • Introduction
    • Walkthrough
  • Firebase Tools
    • Introduction
    • Walkthrough
  • Firebase Authentication
    • Introduction
    • Walkthrough
    • Challenge
    • Notes
  • Cloud Firestore
    • Introduction
    • Walkthrough
    • Security Rules
    • Indexes
    • Challenge
    • Notes
  • Realtime Database
    • Introduction
    • Walkthrough
    • Security Rules
    • Challenge
    • Notes
  • Cloud Functions for Firebase
    • Introduction
    • Walkthrough
    • Challenge
    • Notes
  • Firebase Storage
    • Introduction
    • Walkthrough
    • Security Rules
    • Challenge
    • Notes
  • Cloud Messaging
    • Introduction
    • Walkthrough
    • Challenge
    • Notes
  • Firebase Hosting
    • Introduction
    • Walkthrough
    • Challenge
    • Notes
Powered by GitBook
On this page
  • Firebase Storage
  • Find the repo
  • Localhost installation
  • Edit environment files
  • Deploy Cloud Functions
  • Start the app
  • Complete the challenge
  1. Firebase Storage

Challenge

PreviousSecurity RulesNextNotes

Last updated 6 years ago

Firebase Storage

Find the repo

We'll be working on a branch of our repo named .

Localhost installation

Pull directly from GitHub...

git clone https://github.com/how-to-firebase/firelist-react.git
cd firelist-react
git checkout challenge-storage

Edit environment files

Update the following files with your own project details:

  • /.firebaserc

  • /public/environments/environment.dev.js

  • /public/environments/environment.js

  • /functions/environments/environment.dev.js

  • /functions/environments/environment.js

Deploy Cloud Functions

If you had some trouble deploying Cloud Functions earlier, make sure to deploy the correct functions now.

Run yarn deploy:functions to deploy valid versions of each function up to your Firebase project.

Start the app

Once you're on the branch, make sure to run yarn or npm install to get your Node.js dependencies.

Then run yarn start or npm run start to spin up the development server.

yarn
yarn start

Complete the challenge

Search the codebase for Challenge Storage to find all of the challenges.

Read the comments and complete the steps in those files.

  • src/storage/delete-image.js

  • src/storage/get-upload-observable.js

firelist-react
challenge-storage
the repo