first commit

src/components/NavBar.js

@@ -0,0 +1,19 @@
+import {AppShell, NavLink} from '@mantine/core';
+import { useNavigate } from 'react-router-dom';
+
+const NavBar = () => {
+    const navigate = useNavigate();
+
+    return(
+        <AppShell.Navbar p="md" style={{gap: "10px"}}>
+          <NavLink label = "Home"
+           onClick={() => navigate('/home')} style={{margin: "5px"}} />
+           <NavLink label="Lists"
+           onClick={() => navigate('/lists')} 
+           style={{margin: "5px"}} />
+          
+        </AppShell.Navbar>
+    );    
+};
+
+export default NavBar;