added displaying players

src/App.js

@@ -1,6 +1,8 @@
 import React, { useEffect, useState } from 'react';
 import axios from 'axios';
-import { BrowserRouter as Router , Redirect } from 'react-router-dom';
+import { BrowserRouter as Router , Route , Redirect, Switch } from 'react-router-dom';
+
+import Navbar from './components/Navbar'
 import NameInput from './components/NameInput';
 
 function App() {
@@ -9,7 +11,7 @@ function App() {
       withCredentials:true,
       mode: 'cors'
     })
-    .then((response)=> response.id!=null ? setRedirect(true): null);
+    .then((response)=> response.id!=null ? setRedirect(true) : null);
   })
   const [id, setId] = useState('')
   const [redirect, setRedirect] = useState(false)
@@ -26,6 +28,11 @@ function App() {
   return (
     <Router>
       {redirect ?  <Redirect to="/game"></Redirect> : <NameInput idCallback = {idCallback}/>}
+      <Switch>
+          <Route path="/game">
+            <Navbar></Navbar>
+          </Route>
+        </Switch>
     </Router>
   );
 }

src/components/GameBoard.jsx

@@ -1,6 +0,0 @@
-import React from 'react';
-
-const GameBoard = () => {
-
-}
-export default GameBoard

src/components/Navbar.jsx

@@ -1,15 +1,26 @@
-import React, { useEffect } from 'react';
-
+import React, { useEffect, useState } from 'react';
+import axios from 'axios';
 const Navbar = () => {
-    const [names, setNames] = useState([]);
-    useEffect(
+    
+    const [players, setPlayers] = useState([]);
+    useEffect(()=>{
         //fetching names, time and other data
-    );
+        axios.get('http://localhost:3001/room/',{
+            withCredentials:true,
+            mode: 'cors',
+        }).then((response)=>{
+
+            setPlayers(response.data.players);
+            console.log(response.data.players);
+        })
+    }
+    ,[]);
     return(
         <div>
-            {names.map((name)=>{
-                <h1>{name}</h1>
-            })}
+            {players.map((name)=>
+                <p key={name.player}>{name.player}</p>
+            )}
         </div>
     );
-}
+}
+export default Navbar;