diff --git a/src/index.js b/src/index.js
index ad9cbbb..0a4e9a3 100644
--- a/src/index.js
+++ b/src/index.js
@@ -3,6 +3,7 @@ import ReactDOM from "react-dom";
 import "./index.css";
 import App from "./App";
 import reportWebVitals from "./reportWebVitals";
+import "bootstrap/dist/css/bootstrap.min.css";
 
 ReactDOM.render(
   <React.StrictMode>
diff --git a/src/shared-components/navBar/index.js b/src/shared-components/navBar/index.js
new file mode 100644
index 0000000..7db2ade
--- /dev/null
+++ b/src/shared-components/navBar/index.js
@@ -0,0 +1 @@
+export { default } from "./navBar";
diff --git a/src/shared-components/navBar/navBar.css b/src/shared-components/navBar/navBar.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/shared-components/navBar/navBar.js b/src/shared-components/navBar/navBar.js
new file mode 100644
index 0000000..aa62bdc
--- /dev/null
+++ b/src/shared-components/navBar/navBar.js
@@ -0,0 +1,9 @@
+import React, { Component } from "react";
+
+class NavBar extends Component {
+  render() {
+    return <div>NavBar</div>;
+  }
+}
+
+export default NavBar;
diff --git a/src/shared-components/navBar/navBar.test.js b/src/shared-components/navBar/navBar.test.js
new file mode 100644
index 0000000..32a093e
--- /dev/null
+++ b/src/shared-components/navBar/navBar.test.js
@@ -0,0 +1,10 @@
+import React from "react";
+import { shallow } from "enzyme";
+import NavBar from "./navBar";
+
+describe("NavBar", () => {
+  test("matches snapshot", () => {
+    const wrapper = shallow(<NavBar />);
+    expect(wrapper).toMatchSnapshot();
+  });
+});