diff --git a/frontend/src/components/Register.jsx b/frontend/src/components/Register.jsx
index dc0037f..2eb8be1 100644
--- a/frontend/src/components/Register.jsx
+++ b/frontend/src/components/Register.jsx
@@ -1,7 +1,7 @@
 import React from "react";
 
    async function createUser(newUsername, newPassword){
-        const response= await fetch('http://localhost:3000/user/',{
+        const response= await fetch('http://localhost:3001/user',{
             method: 'POST',
             headers: { 
                 'Accept' : 'application/json',
diff --git a/frontend/src/components/Result.jsx b/frontend/src/components/Result.jsx
new file mode 100644
index 0000000..70fc315
--- /dev/null
+++ b/frontend/src/components/Result.jsx
@@ -0,0 +1,32 @@
+import React from "react";
+import "../css/Result.css";
+
+
+const data = 
+{Place: 500,
+
+Challenge:"100 meter sprint",
+
+pointsEarned:100,
+
+Time: "14 seconds"};
+
+export default function Result(){
+return(
+    <div>
+        <div className="resultDiv">
+            <div className="title">Results of {data.Challenge}</div>
+            <div className="tableResult">
+        <table>
+        <div className="tableItems">Place</div>
+        <div>{data.Place}</div>
+        <div className="tableItems">Time</div>
+        <div>{data.Time}</div>
+        <div className="tableItems">Points Earned</div>
+        <div>{data.pointsEarned}</div>
+        </table>
+        </div>
+        </div>
+    </div>
+
+);}
\ No newline at end of file
diff --git a/frontend/src/css/Result.css b/frontend/src/css/Result.css
new file mode 100644
index 0000000..084565a
--- /dev/null
+++ b/frontend/src/css/Result.css
@@ -0,0 +1,30 @@
+body {
+  background-color: cornsilk;
+}
+
+.resultDiv {
+  display: flex;
+  align-items: center;
+  justify-content: center, space-evenly;
+  margin-top: 5%;
+  flex-direction: column;
+  font-family: bahnschrift;
+}
+
+.title {
+  font-weight: bolder;
+  color: blueviolet;
+  font-size: 24pt;
+}
+
+.tableResult {
+  margin-top: 5%;
+  font-size: 14pt;
+}
+
+.tableItems {
+  margin-top: 15%;
+  font-size: 20pt;
+  color: blueviolet;
+  font-weight: bolder;
+}
diff --git a/frontend/src/index.js b/frontend/src/index.js
index 4205bd4..46085a3 100644
--- a/frontend/src/index.js
+++ b/frontend/src/index.js
@@ -2,9 +2,10 @@ import React from "react";
 import ReactDOM from "react-dom";
 import { BrowserRouter, Route, Switch } from "react-router-dom";
 import App from "./components/App";
-import Contact from "./components/pages/Contact"
-import Register from './components/Register'
-import Login from './components/Login'
+import Contact from "./components/pages/Contact";
+import Register from './components/Register';
+import Login from './components/Login';
+import Result from './components/Result';
 
 const Routing = () => {
     return(
@@ -14,6 +15,7 @@ const Routing = () => {
                 <Route path="/contact" component={Contact} />
                 <Route path="/register" component={Register} />
                 <Route path="/login" component={Login} />
+                <Route path="/result" component={Result} />
             </Switch>
         </BrowserRouter>
     )