diff --git a/src/App.js b/src/App.js
index c72621e..ec21253 100644
--- a/src/App.js
+++ b/src/App.js
@@ -3,6 +3,7 @@ import './style.css'; // The new new
 import React, {useState,useEffect,useReducer} from 'react';
 import Toggle from 'react-toggle' //Tooltip props: http://aaronshaf.github.io/react-toggle/
 import Helmet from 'react-helmet'
+import Builds from './Builds';
 
 import {TrashFill, PlusCircle, LifePreserver, Server, CloudUploadFill} from 'react-bootstrap-icons'
 
@@ -1076,6 +1077,19 @@ function App() {
 					/>
 					<RegisterForm BACKENDURL={BACKENDURL} TESTMODE={TESTMODE} LOGGEDINUSER={LOGGEDINUSER} LOGGEDINHASH={LOGGEDINHASH} setLOGGEDINHASH={setLOGGEDINHASH} setLOGGEDINUSER={setLOGGEDINUSER}/>
 				</Route>
+				<Route path={process.env.PUBLIC_URL+"/builds"}>
+					<Helmet>
+						<title>{APP_TITLE+" - Builds"}</title>
+					</Helmet>
+					<TestHeader
+						LOGGEDINUSER={LOGGEDINUSER}
+						LOGGEDINHASH={LOGGEDINHASH}
+						BACKENDURL={GetBackendURL(BACKENDURL)}
+					/>
+					<Builds 
+						GetData={GetData}
+						BACKENDURL={GetBackendURL(BACKENDURL)}/>
+				</Route>
 				<Route path={process.env.PUBLIC_URL+"/formula"}>
 					<DamageCalculator/>
 				</Route>
diff --git a/src/Builds.js b/src/Builds.js
new file mode 100644
index 0000000..bd770cb
--- /dev/null
+++ b/src/Builds.js
@@ -0,0 +1,23 @@
+import { useEffect,useState } from 'react'
+const axios = require('axios');
+
+function Builds(p) {
+
+    const {GetData,BACKENDURL} = p
+    const [builds,setBuilds] = useState([])
+
+    useEffect(()=>{
+        axios.get(BACKENDURL+"/builds")
+    },[BACKENDURL])
+
+    return <>
+    <div className="box skillTreeBox">
+          <div className="boxTitleBar">
+            <h1>Builds List</h1>
+            {}
+            <div></div>
+          </div>
+    </div></>
+}
+
+export default Builds;
\ No newline at end of file
diff --git a/src/TestHeader.js b/src/TestHeader.js
index 44363b6..c5105db 100644
--- a/src/TestHeader.js
+++ b/src/TestHeader.js
@@ -3,6 +3,8 @@ import { DisplayIcon } from './DEFAULTS';
 import ReactPlaceholder from 'react-placeholder';
 import "react-placeholder/lib/reactPlaceholder.css";
 
+import { HashLink as Link } from 'react-router-hash-link';
+
 
 const axios = require('axios');
 const cookies = require('cookie-handler');
@@ -38,7 +40,7 @@ function TestHeader(p) {
             <div className="headerWrapper">
                 <div className="logo"><a href="."><img alt="" src={process.env.PUBLIC_URL + '/icons/logo_sm.png'} />&emsp;NGS<span>planner</span></a></div>
                 <div className="navigation"><ul>
-                    <li className="headerMenuItem"><a href=".">Builds</a></li>
+                    <li className="headerMenuItem"><Link to={process.env.PUBLIC_URL+"/builds"}>Builds</Link></li>
                     <li className="headerMenuItem"><a href=".">Guides</a></li>
                     <li className="headerMenuItem"><a href=".">Blog</a></li>
                     <li className="headerMenuItem"><a href=".">About</a></li></ul>