Real-time example

<script>
	export let name;

	import firebase from "firebase/app";
	import "firebase/database";
	  let firebaseConfig = {
  		// Insert Firebase Credentials here
    apiKey: "AIzaSyAQoaJeiL0051YuJWEwxhePEUpaFXOVwgc",
    authDomain: "spell-party.firebaseapp.com",
    databaseURL: "https://spell-party.firebaseio.com",
    projectId: "spell-party",
    storageBucket: "spell-party.appspot.com",
    messagingSenderId: "649504032254",
    appId: "1:649504032254:web:c7dc2d2a2815d7ee2bacaf"
  };
  firebase.initializeApp(firebaseConfig);

//   let db = firebase.database().ref().child('object');


// function writeUserData(userId, name, email, imageUrl) {
  firebase.database().ref('users/' + 'player1').set({
    health : 55,
    cast : 85,
    spell : 'Rectify',
    color : '#FF0000'
  });
// }


// let cast = firebase.database().ref('users/player1/cast');
//   let health
//   cast.on('value', function(snapshot) {
// 	  console.log('snapshot', snapshot.val())
// 	  health = snapshot.val()
// });

  let players = firebase.database().ref('users/');

  let playerlist = []
  players.on('value', function(snapshot) {
    playerlist = Object.values(snapshot.val())
    console.log('playerlist', playerlist);
});


</script>

<main>


{#each playerlist as banana}
  {banana.health}
{/each}


 players

<!-- {#each {length: 5} as _, i} -->
<!-- {/each} -->

</main>

<style>
</style>