Feat: Added Timing for each move, Spectator Feature, Chat Feature , Review Page and updated the ui for it

README.md

@@ -19,19 +19,18 @@ Let's keep it simple
 
 ## Setting it up locally
 
- - Clone the repo
- - Copy over .env.example over to .env everywhere
- - Update .env
-    - Postgres DB Credentials
-    - Github/Google Auth credentials
- - npm install
- - Start ws server
-    - cd apps/ws
-    - npm run dev
- - Start Backend
-    - cd apps/backend
-    - npm run dev
- - Start frontend
-    - cd apps/frontend
-    - npm run dev
-
+- Clone the repo
+- Copy over .env.example over to .env everywhere
+- Update .env
+  - Postgres DB Credentials
+  - Github/Google Auth credentials
+- npm install
+- Start ws server
+  - cd apps/ws
+  - npm run dev
+- Start Backend
+  - cd apps/backend
+  - npm run dev
+- Start frontend
+  - cd apps/frontend
+  - npm run dev

apps/backend/src/router/v1.ts

@@ -1,9 +1,47 @@
 import { Router } from 'express';
+import { db } from '../db';
 
 const v1Router = Router();
 
+export const IN_PROGRESS = 'IN_PROGRESS';
+
 v1Router.get('/', (req, res) => {
   res.send('Hello, World!');
 });
 
+v1Router.get('/games', async (req, res) => {
+  try {
+    const games = await db.game.findMany({
+      include: {
+        blackPlayer: true,
+        whitePlayer: true,
+      },
+      where: {
+        status: IN_PROGRESS,
+      },
+    });
+    res.json(games);
+  } catch (e: any) {
+    res.status(500).json({ error: e.message });
+  }
+});
+
+v1Router.get('/games/:gameId', async (req, res) => {
+  try {
+    const game = await db.game.findUnique({
+      include: {
+        blackPlayer: true,
+        whitePlayer: true,
+        moves: true,
+      },
+      where: {
+        id: req.params.gameId,
+      },
+    });
+    res.json(game);
+  } catch (e: any) {
+    res.status(500).json({ error: e.message });
+  }
+});
+
 export default v1Router;

apps/frontend/src/App.tsx

@@ -7,6 +7,8 @@ import { Suspense } from 'react';
 import { RecoilRoot } from 'recoil';
 import { useUser } from '@repo/store/useUser';
 import { Loader } from './components/Loader';
+import { Spectate } from './screens/Spectate';
+import { Review } from './screens/Review';
 import { Layout } from './layout';
 
 function App() {
@@ -27,13 +29,15 @@ function AuthApp() {
     <BrowserRouter>
       <Routes>
         <Route path="/" element={<Layout children={<Landing />} />} />
+        <Route path="/login" element={<Login />} />
+        <Route path="/game/:gameId" element={<Layout children={<Game />} />} />
         <Route
-          path="/login"
-          element={<Login />}
+          path="/spectate/:gameId"
+          element={<Layout children={<Spectate />} />}
         />
         <Route
-          path="/game/:gameId"
-          element={<Layout children={<Game />} />}
+          path="/review/:gameId"
+          element={<Layout children={<Review />} />}
         />
       </Routes>
     </BrowserRouter>