Organize File Structure & Begin Top Navbar

src/components/NavBar.css

@@ -0,0 +1,12 @@
+.bar {
+    padding: 10px;
+}
+
+.logo {
+    height: 48px;
+    margin-right: 20px;
+}
+
+.nav-header {
+    font-weight: bold;
+}

src/components/NavBar.js

@@ -0,0 +1,19 @@
+import { makeStyles, Toolbar, Typography } from "@material-ui/core";
+import { mergeClasses } from "@material-ui/styles";
+import React from "react";
+import "./NavBar.css"
+
+import logo from "../assets/BudgetBuddyLogo.png"
+
+function NavBar() {
+    return (
+        <Toolbar position="sticky" className="bar">
+            <img src={logo} className="logo"/>
+            <Typography variant="h6" className="nav-header">
+                BudgetBuddy
+            </Typography>
+        </Toolbar>
+    )
+}
+
+export default NavBar