JSFiddle - React, Tailwind, and code Playground

by thvinic

HTML

<script type="module">
  // Import the functions you need from the SDKs you need
  import { initializeApp } from "https://www.gstatic.com/firebasejs/9.9.0/firebase-app.js";
  import { getAnalytics } from "https://www.gstatic.com/firebasejs/9.9.0/firebase-analytics.js";
  // TODO: Add SDKs for Firebase products that you want to use
  // https://firebase.google.com/docs/web/setup#available-libraries

  // Your web app's Firebase configuration
  // For Firebase JS SDK v7.20.0 and later, measurementId is optional
  const firebaseConfig = {
    apiKey: "AIzaSyAPUlB0CgQSoqbNBLvGwD42LPb8tm_7Rgs",
    authDomain: "classificados-anunciarbr.firebaseapp.com",
    databaseURL: "https://classificados-anunciarbr-default-rtdb.firebaseio.com",
    projectId: "classificados-anunciarbr",
    storageBucket: "classificados-anunciarbr.appspot.com",
    messagingSenderId: "167012349038",
    appId: "1:167012349038:web:6d422db529c72b1316a27f",
    measurementId: "G-3JTHR8CQLD"
  };

  // Initialize Firebase
  const app = initializeApp(firebaseConfig);
  const analytics = getAnalytics(app);
</script>

<script src="https://www.gstatic.com/firebasejs/7.14.2/firebase.js"></script>
 <div class="container mt-2">
         <div class="card">
             <div class="card-body">
                 <form id="post-form">
                     <center><h3>Make A Blogs</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>