created component

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>

src/shared-components/navBar/index.js

@@ -0,0 +1 @@
+export { default } from "./navBar";

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;

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();
+  });
+});