Intro to Databases
Overview
What are Databases?
Definition
(noun)
A structured set of data held in a computer, especially one that is accessible in different ways.
Examples
Motivation
*bc we all need it sometimes
Why do we use databases?
Firebase
Walkthrough
React Framework
Firebase Firestore
Installations
React App
React App
Setting up Firebase (Signing in)
Setting up Firebase (Creating a Project)
5. Create a name for your project
6. Select Google Analytics Option
Setting up Firebase (Creating a Project)
7. Confirm Google Analytics
Woohoo!
Setting up Firebase (Add Web App)
Yay!
8. Add a Web App by clicking </>
Setting up Firebase (Add Web App)
9. Register App
10. Install Firebase
Setting up Firestore
11. Select “Cloud Firestore”
12. Select “Create Database”
Setting up Firestore
13. Start in test mode
14. Select a location
Linking Firestore to our App
15. On the left menu bar, navigate to:
Settings > Project Settings
16. Copy the Initialization and Configuration code (important in step 20)
17. Navigate to your project folder in VS Code
Initialization and Configuration Code
Linking Firestore to our App (in VS Code)
18. Within folder “src”, create new file named “firebase.js”
New File
Linking Firestore to our App (in VS Code)
19. Configure Firestore database by copying and pasting the Initialization and Configuration code (from step 16) into “firebase.js”
Configuring Firestore (in firebase.js)
Add import statement
Define db and export it
Configuring Firestore (in App.js)
Import db
YUH done with setup!
Demo Time!
Firebase APIs
HAPPY HACKING!