--- a
+++ b/app/frontend/src/components/Header.js
@@ -0,0 +1,37 @@
+import React, { Component } from 'react'
+import { Link } from "react-router-dom";
+
+import {connect} from 'react-redux';
+
+class Header extends Component {
+    state  = {
+        hidden: false,
+        
+    }
+
+    render() {
+        return (
+            <nav class="flex items-center justify-between flex-wrap bg-teal-500 p-6 lg:" >
+                <Link to ='/'><span class="font-semibold text-xl text-white mr-6 tracking-tight">COVID X-Ray Triage Assistant</span></Link>
+                
+                <div class="text-sm flex items-center justify-center" >
+                
+                <Link class="items-center block lg:inline-block lg:mt-0 text-teal-200 py-2 px-4  hover:text-white mr-4" to ='/'>
+                    Home
+                </Link>
+                <Link class="items-center block lg:inline-block lg:mt-0 text-teal-200 py-2 px-4  hover:text-white mr-4" to ='/past'>
+                    Past Results
+                </Link>
+                </div>
+            </nav>
+        )
+    }
+}
+
+const mapStateToProps = state =>{
+    return {
+        user:state.user
+    }
+}
+
+export default connect(mapStateToProps)(Header);
\ No newline at end of file