https://github.com/codeadamca/firebase-realtime-database
A basic example of displaying data from a Firebase Realtime Database.
https://github.com/codeadamca/firebase-realtime-database
firebase javascript realtime-database
Last synced: 3 months ago
JSON representation
A basic example of displaying data from a Firebase Realtime Database.
- Host: GitHub
- URL: https://github.com/codeadamca/firebase-realtime-database
- Owner: codeadamca
- Created: 2022-02-09T19:03:34.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2025-01-26T22:15:48.000Z (5 months ago)
- Last Synced: 2025-01-26T23:19:47.540Z (5 months ago)
- Topics: firebase, javascript, realtime-database
- Language: JavaScript
- Homepage:
- Size: 46.9 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Introduction to Firebase and the Realtime Database
A super basic example of displaying data from a Firebase Realtime Database. Follow these steps to get the code up and running:
1. Go to the [Firebase Console](https://console.firebase.google.com/) and create a new project.
2. Select the prpject and create a new app using Firebase for the web.
3. Click on the Realtime Database and create a new database.
4. Create a new project using:
```sh
npm init -y
```
5. Then install Firebase:
```sh
npm i firebase
```
6. Create a folder called `src` and place the `index.js` and `index.html` file in the new `src` folder.
8. In the `index.js` file, change the Firebase credentials to your app. Your credentials can be found in the app settings.
9. Test out the code using:
```sh
npx serve src
```
***
## Repo Resources
* [Visual Studio Code](https://code.visualstudio.com/)
* [Firebase](https://console.firebase.google.com/)
