JSFiddle - React, Tailwind, and code Playground

by thvinic

HTML

<div class="container mt-2">
         <div class="card">
             <div class="card-body">
                 <form id="post-form">
                     <center><h3>Make A Blog</h3></center>
                     <textarea id="post" class="form-control" placeholder="What's on your mind..."></textarea>
                     <input type="file" class="form-control" id="image" accept="images/*">
                     <div class="text-center">
                         <button type="button" class="btn btn-success" onclick="upload()">Upload</button>
                     </div>

                 </form>
              </div>

         </div>
         <div class="row mt-4" id="posts">

         </div>

     </div>
     <script src="https://www.gstatic.com/firebasejs/7.14.2/firebase.js"></script>

JavaScript

// Your web app's Firebase configuration
  var firebaseConfig = {
    apiKey: "AIzaSyDfQal5qQ3zS3DA21oeTrRAonislCWuX68",
    authDomain: "blogs-233c7.firebaseapp.com",
    databaseURL: "https://blogs-233c7.firebaseio.com",
    projectId: "blogs-233c7",
    storageBucket: "blogs-233c7.appspot.com",
    messagingSenderId: "960693622725",
    appId: "1:960693622725:web:325e29579c6c3dc4d91dac",
    measurementId: "G-3MPBFX087D"
  };
  // Initialize Firebase
  firebase.initializeApp(firebaseConfig);
  firebase.analytics();