How to Use React & Firebase Storage

Table of Contents

No.	Topics
1	About Code Courses
2	Live Demo
3	Technologies
4	Running the demo
5	Useful links

1. About Code Courses

Code Courses is a website where people learn about coding and different technologies/frameworks/libraries. To help people learn, all of the courses are FREE and DETAIL. Hopefully, after following the content on Code Courses, you will find your dream jobs, and build any applications that you want.

2. Live Demo

• For the full course, You can refer to this link.

• You can refer to this Youtube video for the live demo.

3. Technologies

This demo uses:

• Firebase
• React.js
• Uuid

4. Running the demo

To run the demo follow these steps:

1. Download the repository here or by running git clone https://github.com/codecourses-site/react-firebase-storage.git and open it in a code editor.
2. Head to Firebase and create a new project
3. Create a file called .env in the root folder of your project.
4. Import and inject your secret keys in the .env file containing your Firebase keys in this manner.

REACT_APP_FIREBASE_API_KEY = xxx - xxx - xxx - xxx - xxx - xxx - xxx - xxx;
REACT_APP_FIREBASE_AUTH_DOMAIN = xxx - xxx - xxx - xxx - xxx - xxx - xxx - xxx;
REACT_APP_FIREBASE_STORAGE_BUCKET =
  xxx - xxx - xxx - xxx - xxx - xxx - xxx - xxx;

11. Make sure to exclude .env in your gitIgnore file from being exposed online.
12. Run the following command to install the app.

    npm install
    npm run start

Questions about running the demo? Open an issue. We're here to help ✌️

5. Useful links

• 🔥 Firebase
• 🔷 React.js