diff --git a/src/components/NavBar.tsx b/src/components/NavBar.tsx
new file mode 100644
index 0000000..c7d0d85
--- /dev/null
+++ b/src/components/NavBar.tsx
@@ -0,0 +1,26 @@
+import React from 'react';
+import {FontAwesomeIcon} from '@fortawesome/react-fontawesome';
+import {faCode} from '@fortawesome/free-solid-svg-icons';
+
+const NavBar = () => (
+  <nav className="navbar bg-dark">
+    <h1>
+      <a href="dashboard.html">
+        <FontAwesomeIcon icon={faCode} /> {'  '} DevBook
+      </a>
+    </h1>
+    <ul>
+      <li>
+        <a href="profiles.html">Developers</a>
+      </li>
+      <li>
+        <a href="register.html">Register</a>
+      </li>
+      <li>
+        <a href="login.html">Login</a>
+      </li>
+    </ul>
+  </nav>
+);
+
+export default NavBar;