add react-router

src/components/navigation/nav-header.jsx

@@ -0,0 +1,12 @@
+import React from 'react'
+import {connect} from 'react-redux'
+
+const NavHeader = props => {
+    return (
+        <nav>
+
+        </nav>
+    )
+}
+
+export default connect()(NavHeader)

src/components/navigation/page-link.jsx

@@ -0,0 +1,12 @@
+import React from 'react'
+import {Link} from 'react-router-dom'
+import connect from 'react-redux'
+import asciiWord from "../../functions/ascii-word";
+
+const PageLink = props => {
+    return (
+        <Link to={props.src}>{asciiWord(props.name)}</Link>
+    )
+}
+
+export default PageLink

src/components/navigation/page-links.jsx

@@ -1,18 +1,19 @@
 import React from 'react'
 import asciiWord from "../../functions/ascii-word";
+import {Link} from "react-router-dom";
 
 const PageLinks = props => {
     return(
         <ul className={'page-list'}>
             <li className={'page-link'}>
-                <a href="#portfolio">
+                <Link to={'/portfolio'}>
                     {asciiWord('Portfolio')}
-                </a>
+                </Link>
             </li>
             <li className={'page-link'}>
-                <a href="#blog">
+                    <Link to={'/blog'}>
                     {asciiWord('Blog')}
-                </a>
+                    </Link>
             </li>
         </ul>
     )