Chelsea resume UI update

README.md

@@ -2,11 +2,20 @@
 
 ## Getting Started
 
-Change directory into the _client_ folder. From there:
+To run main website: Change directory into the _client_ folder. From there:
 
 - Run `yarn install` to install relevant dependencies
 - Run `yarn start` to run the website locally
 
+To run resume book: Change directory into the _resume-book_ folder. From there:
+
+- Run `yarn install` to install relevant dependencies
+- Run `yarn dev` to run the website locally
+
+Add another terminal to run the backend
+
+- Run `node server.js` (or `yarn start`)
+
 ## Contributers
 
 ### Spring 2024

resume-book/.gitignore

@@ -0,0 +1 @@
+/node_modules

resume-book/package.json

@@ -10,6 +10,11 @@
     "preview": "vite preview"
   },
   "dependencies": {
+    "@emotion/react": "^11.14.0",
+    "@emotion/styled": "^11.14.1",
+    "@mui/icons-material": "^7.3.5",
+    "@mui/material": "^7.3.5",
+    "@mui/styled-engine": "^7.3.5",
     "cors": "^2.8.5",
     "express": "^5.1.0",
     "node-fetch": "^3.3.2",
@@ -19,8 +24,8 @@
   "devDependencies": {
     "@eslint/js": "^9.33.0",
     "@tailwindcss/postcss": "^4.1.12",
-    "@types/react": "^19.1.10",
-    "@types/react-dom": "^19.1.7",
+    "@types/react": "^19.2.7",
+    "@types/react-dom": "^19.2.3",
     "@vitejs/plugin-react": "^5.0.0",
     "autoprefixer": "^10.4.21",
     "eslint": "^9.33.0",
@@ -29,6 +34,7 @@
     "globals": "^16.3.0",
     "postcss": "^8.5.6",
     "tailwindcss": "^3.4.17",
+    "typescript": "^5.9.3",
     "vite": "^7.1.2"
   },
   "homepage": "/resume-book"

resume-book/server.js

@@ -1,9 +1,16 @@
 import express from "express";
 import fetch from "node-fetch";
+import cors from "cors";
 
 const app = express();
 const PORT = process.env.PORT ?? 3001;
 
+app.use(
+  cors({
+    origin: "http://localhost:5173", // frontend origin in dev
+  })
+);
+
 const GOOGLE_SCRIPT_URL =
   process.env.GOOGLE_SCRIPT_URL ??
   "https://script.google.com/macros/s/AKfycbw-75KFH_2NxOKr_1HtRlh-vmCgXFSEZ5pT5QrY2V9cCsDIsgOqVboqn8Yrc-NH4CZY/exec";
@@ -17,11 +24,7 @@ app.get("/resumes", async (req, res) => {
 
     if (!response.ok) {
       const errorBody = await response.text();
-      console.error(
-        "Google Script responded with",
-        response.status,
-        errorBody
-      );
+      console.error("Google Script responded with", response.status, errorBody);
 
       return res.status(502).json({
         error: "Upstream service unavailable",
@@ -31,7 +34,7 @@ app.get("/resumes", async (req, res) => {
 
     const data = await response.json();
 
-    res.json(data); 
+    res.json(data);
   } catch (error) {
     console.error("Error fetching from Google Script:", error);
 
@@ -45,4 +48,4 @@ app.get("/resumes", async (req, res) => {
 
 app.listen(PORT, "127.0.0.1", () => {
   console.log(`Backend running at http://localhost:${PORT}`);
-});
+});