Footer Added

src/Components/App/App.jsx

@@ -1,5 +1,6 @@
 import React, { useState } from 'react';
 import Display from "../Display/Display";
+import Footer from '../Footer/Footer';
 import Header from "../Header/Header";
 import SearchBar from "../SearchBar/SearchBar";
 import "./App.css";
@@ -17,6 +18,8 @@ function App() {
         <SearchBar setInput={setInput} input={input} />
 
         <Display input={input}/>
+
+        <Footer />
 
     </div>
   );

src/Components/Display/Display.jsx

@@ -121,7 +121,7 @@ const Display = ({ input }) => {
               <p className="username">Error Message: {userdata.message}</p>
             )
 
-          }
+          } 
         })()}
       </div>
     </div>

src/Components/Footer/Footer.css

@@ -0,0 +1,13 @@
+a {
+  color: inherit;
+  text-decoration: none;
+}
+
+.Footer {
+  position: fixed;
+  left: 0;
+  bottom: 0;
+  width: 100%;
+  color: white;
+  text-align: center;
+}

src/Components/Footer/Footer.jsx

@@ -0,0 +1,38 @@
+import React from "react";
+import { makeStyles } from "@material-ui/core/styles";
+import AppBar from "@material-ui/core/AppBar";
+import Toolbar from "@material-ui/core/Toolbar";
+import Typography from "@material-ui/core/Typography";
+import './Footer.css';
+
+const useStyles = makeStyles((theme) => ({
+  root: {
+    flexGrow: 1,
+  },
+  menuButton: {
+    marginRight: theme.spacing(2),
+  },
+  title: {
+    flexGrow: 1,
+  },
+}));
+
+const Footer = () => {
+  const classes = useStyles();
+  return (
+    <div className="Footer">
+      <AppBar position="static">
+        <Toolbar>
+
+          <Typography variant="h7" className={classes.title}>
+            Made with Passion 💙 by Aswin Asok
+            <a href = "https://github.com/AswinAsok/Profile-Retriever"> <br></br>Star 🌟 on GitHub</a>
+          </Typography>
+
+        </Toolbar>
+      </AppBar>
+    </div>
+  );
+};
+
+export default Footer;