add update starter code

src/clients/firebase.js

@@ -5,12 +5,12 @@ const loadDatabase = buildFirebase();
 
 function buildFirebase() {
     const app = firebase.initializeApp({
-      apiKey: "AIzaSyCpc1noPpADSu0vm5AYdUmNSnjEUMt5ZQI",
-      authDomain: "studio2-331cf.firebaseapp.com",
-      databaseURL: "https://studio2-331cf.firebaseio.com",
-      projectId: "studio2-331cf",
-      storageBucket: "studio2-331cf.appspot.com",
-      messagingSenderId: "1016551157105"
+      apiKey: "AIzaSyADAYC7lX5QVEspv8BUeV2uDqrFle8yQpk",
+      authDomain: "studio-trivia-db.firebaseapp.com",
+      databaseURL: "https://studio-trivia-db.firebaseio.com",
+      projectId: "studio-trivia-db",
+      storageBucket: "studio-trivia-db.appspot.com",
+      messagingSenderId: "736024037811"
     });
 
     return once(async() => {
@@ -21,11 +21,13 @@ function buildFirebase() {
 export async function getQuestions() {
   const database = await loadDatabase();
   const questions = await database.ref('/questions').once('value');
+  console.log(questions.val());
   return questions.val();
 }
 
 export async function getRandomQuestion() {
   const questions = await getQuestions();
-  const randomIndex = Math.floor(Math.random() * questions.length);
-  return questions[randomIndex];
+  var keys = Object.keys(questions)
+  const randomIndex = Math.floor(Math.random() * keys.length);
+  return questions[keys[randomIndex]];
 }

src/components/App.jsx

@@ -1,17 +1,21 @@
 import React, { Component } from 'react';
 import '../css/App.css';
-// import the question display component
+// import components
 
 class App extends Component {
-  // add your constructor
+  constructor(props) {
+    super(props);
+    this.state = {
 
+    };
+  }
 
   render() {
     return (
       <div className="app">
         Kahoot!
         {/* Add your question display component */}
-        
+
       </div>
     );
   }

src/components/Question.jsx

@@ -0,0 +1,40 @@
+import React, { Component } from 'react';
+// import components
+
+class Question extends Component {
+
+  render() {
+    return (
+      <div className="question">
+        Question Display
+        {/* Add QuestionStem */}
+        {/* Add Reset Button */}
+        <div className="buttons">
+          {/* Add Buttons */}
+        </div>
+    </div>
+    );
+  }
+}
+
+export default Question;
+
+
+
+
+// import React from 'react';
+// // import your components here
+
+
+// export default function Question() {
+//   return (
+//     <div className="question">
+//       Question Display
+//       {/* Add QuestionStem */}
+//       {/* Add Reset Button */}
+//       <div className="buttons">
+//         {/* Add Buttons */}
+//       </div>
+//     </div>
+//   );
+// }

src/css/App.css

@@ -17,7 +17,7 @@ code {
   text-align: center;
 }
 
-.questionDisplay {
+.question {
   background-color: purple;
   min-height: 100vh;
   display: flex;