diff --git a/webapp/src/App.js b/webapp/src/App.js
index 25cebe6..c2cb1c7 100644
--- a/webapp/src/App.js
+++ b/webapp/src/App.js
@@ -1,14 +1,11 @@
import './App.css';
import React from 'react'
-import {
- BrowserRouter,
- Routes,
- Route,
-} from "react-router-dom"
+import { BrowserRouter, Routes, Route } from "react-router-dom"
import Header from "./components/Header"
import Leaderboard from "./components/Leaderboard"
import Game from "./components/Game"
+import About from "./components/About"
import GameProposal from './components/Game/Proposal'
function App() {
@@ -20,6 +17,7 @@ function App() {
} />
} />
+ } />
} />
diff --git a/webapp/src/components/About/index.css b/webapp/src/components/About/index.css
new file mode 100644
index 0000000..cf658c6
--- /dev/null
+++ b/webapp/src/components/About/index.css
@@ -0,0 +1,5 @@
+.Leaderboard {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+}
diff --git a/webapp/src/components/About/index.jsx b/webapp/src/components/About/index.jsx
new file mode 100644
index 0000000..76f962f
--- /dev/null
+++ b/webapp/src/components/About/index.jsx
@@ -0,0 +1,9 @@
+import React from "react"
+import './index.css';
+
+export default function Leaderboard() {
+
+ return
+ A simple american checkers game
+
+};
diff --git a/webapp/src/components/GameSelector/index.jsx b/webapp/src/components/GameSelector/index.jsx
index fd401d7..fdd34c5 100644
--- a/webapp/src/components/GameSelector/index.jsx
+++ b/webapp/src/components/GameSelector/index.jsx
@@ -12,7 +12,6 @@ export default function Game() {
// for (const [key, value] of Object.entries(data.games))
// console.log(key, value);
- console.log("data.games", data.games)
const waitForYou = data.games
.filter(game => game.status === Status.WaitForYou)
.map(game => {