quote atom made

Author: Derek Roode

react-app/src/components/Atoms/Quote/Quote.js

@@ -0,0 +1,27 @@
+import React, { useEffect } from "react";
+import styles from "./Quote.module.css";
+
+function Quote() {
+  const [quote, setQuote] = useState("");
+
+  useEffect(() => {
+    getQuote();
+  }, []);
+
+  //get quote
+  async function getQuote() {
+    const response = await fetch("https://type.fit/api/quotes/");
+    const data = await response.json();
+    let pos = Math.floor(Math.random() * (1642 - 0));
+
+    setQuote(`${data[pos].text} - ${data[pos].author}`);
+  }
+
+  return (
+    <div className={styles.quote_of_the_day}>
+      <h2>{quote}</h2>
+    </div>
+  );
+}
+
+export default Quote;

react-app/src/components/Atoms/Quote/Quote.module.css

@@ -0,0 +1,7 @@
+.quote_of_the_day {
+  text-align: center;
+  color: #777e90;
+  width: 100%;
+  max-height: 80px;
+  padding: 0 20px;
+}

react-app/src/components/Pages/Main/Main.js

@@ -0,0 +1,11 @@
+import React from 'react'
+
+function Main() {
+  return (
+    <div>
+      
+    </div>
+  )
+}
+
+export default Main