JSFiddle - React, Tailwind, and code Playground

by suhail

HTML

<script src="https://www.gstatic.com/firebasejs/4.6.0/firebase.js"></script>
<script src="https://www.gstatic.com/firebasejs/4.6.0/firebase-firestore.js"></script>

JavaScript

firebase.initializeApp({
  apiKey: "AIzaSyDvjt6bKFDX9mv1JFJ8Zh_WP1he65oFNK4",
  authDomain: "syf-001.firebaseapp.com",
  databaseURL: "https://syf-001.firebaseio.com",
  projectId: "syf-001",
  storageBucket: "syf-001.appspot.com",
  messagingSenderId: "964892026260"
});

// Initialize Cloud Firestore through Firebase
var db = firebase.firestore();
var collection = db.collection("categories");
collection.doc("education").set({
  "label": "Education",
  "name": "education",
  "leaders": []
});

collection.doc("environment").set({
  "label": "Environment",
  "name": "environment",
  "leaders": []
});
collection.doc("women").set({
  "label": "Women Empowerment",
  "name": "women",
  "leaders": []
});
collection.doc("human").set({
  "label": "Human Rights",
  "name": "human",
  "leaders": []
});
collection.doc("homeless").set({
  "label": "Homeless",
  "name": "homeless",
  "leaders": []
});
collection.doc("culture").set({
  "label": "Art & Culture",
  "name": "culture",
  "leaders": []
});