diff --git a/client/src/components/Players.tsx b/client/src/components/Players.tsx
new file mode 100644
index 0000000..a68dc87
--- /dev/null
+++ b/client/src/components/Players.tsx
@@ -0,0 +1,7 @@
+// Manage API call to get all players
+
+export const Players = () => {
+  return (
+    <div className="text-white text-2xl">List of All Players</div>
+  )
+}
diff --git a/client/src/screens/MainPage.tsx b/client/src/screens/MainPage.tsx
index 2ea38c6..a2efaf9 100644
--- a/client/src/screens/MainPage.tsx
+++ b/client/src/screens/MainPage.tsx
@@ -1,6 +1,7 @@
 import Sidebar, { SidebarItem } from '../components/SideBar';
 import dice from '../assets/dice.jpg'
 import RollDice from '../components/RollDice';
+import { Players } from '../components/Players';
 import { FaDice, FaUsers } from "react-icons/fa";
 import { FaRankingStar } from "react-icons/fa6";
 import { useState } from 'react';
@@ -18,6 +19,7 @@ const MainPage: React.FC = () => {
         </Sidebar>
         <div className='py-20 px-48 rounded-xl border border-slate-500 backdrop-blur-lg shadow-md shadow-slate-600'>
             {view === 0 && <RollDice />}
+            {view === 1 && <Players />}
         </div>
         <div></div>
     </section>