Merge pull request #9 from e-conomic/msc/add-mock-server

Add basic http mock server

Author: kimblim

README.md

@@ -52,12 +52,12 @@ Don’t worry about authentication — you can assume your application is alread
 
 Prerequisites:
 
-- Node v22.15 installed.
+- Node v24 or newer installed.
 
 Steps to run locally:
 
-- Clone the project.
-- run `npm install`
-- run `npm run dev`
+1. Clone the project.
+2. Run `npm install`.
+3. Run `npm run dev` — this starts the Vite dev server and the mock API
 
 Happy coding!

package-lock.json

@@ -3,6 +3,9 @@
   "private": true,
   "version": "0.0.0",
   "type": "module",
+  "engines": {
+    "node": ">=24.0.0"
+  },
   "scripts": {
     "dev": "vite",
     "build": "tsc -b && vite build",
@@ -17,6 +20,7 @@
   },
   "devDependencies": {
     "@eslint/js": "^9.25.0",
+    "@types/node": "^24.10.0",
     "@types/react": "^19.1.2",
     "@types/react-dom": "^19.1.2",
     "@vitejs/plugin-react": "^4.4.1",

package.json

@@ -1,6 +1,4 @@
-const BASE_URL = "https://localhost:7029/api"
-
 export async function getAllProjects() {
-    const response = await fetch(`${BASE_URL}/projects/get-all`);
-    return response.json();
+  const response = await fetch('/api/projects/get-all')
+  return response.json()
 }

src/api/projects.ts

@@ -2,6 +2,7 @@
   "files": [],
   "references": [
     { "path": "./tsconfig.app.json" },
-    { "path": "./tsconfig.node.json" }
+    { "path": "./tsconfig.node.json" },
+    { "path":"./tsconfig.server.json" }
   ]
 }

tsconfig.json

@@ -1,8 +1,31 @@
+import type { Plugin } from 'vite'
 import { defineConfig } from 'vite'
 import tailwindcss from '@tailwindcss/vite'
 import react from '@vitejs/plugin-react'
 
+const MOCK_PROJECTS = [
+  { id: '1', name: 'Alpha Project', createdOn: '2024-01-15T10:00:00Z', updatedOn: '2025-02-20T14:30:00Z' },
+  { id: '2', name: 'Beta Initiative', createdOn: '2024-03-01T09:00:00Z', updatedOn: '2025-02-18T11:00:00Z' },
+  { id: '3', name: 'Gamma Dashboard', createdOn: '2024-06-10T08:00:00Z', updatedOn: '2025-02-25T09:15:00Z' },
+]
+
+function mockApiPlugin(): Plugin {
+  return {
+    name: 'mock-api',
+    configureServer(server) {
+      server.middlewares.use((req, res, next) => {
+        if (req.url === '/api/projects/get-all' && req.method === 'GET') {
+          res.setHeader('Content-Type', 'application/json')
+          res.end(JSON.stringify(MOCK_PROJECTS))
+          return
+        }
+        next()
+      })
+    },
+  }
+}
+
 // https://vite.dev/config/
 export default defineConfig({
-  plugins: [react(), tailwindcss()],
+  plugins: [react(), tailwindcss(), mockApiPlugin()],
 })