link question service to frontend

- add cors to question service
- add prettier and prettier tailwind to peerprep-fe
- add axios to peerprep-fe

Author: Kurtyjlee

docker-compose.yml

@@ -4,17 +4,26 @@ services:
     build:
       context: ./peerprep-fe
       dockerfile: Dockerfile
+    # volumes:
+    #   - ./peerprep-fe:/app  # Mount src directory for hot reloading
+    #   - /app/node_modules  # Prevent overwriting node_modules
+    #   - /app/.next
     ports:
       - "3000:3000"
     environment:
       - NODE_ENV=production
     networks:
       - peerprep-network
+    env_file:
+      - ./peerprep-fe/.env.production
   question-service:
     image: asia-southeast1-docker.pkg.dev/cs3219-g11-peerprep/cs3219-g11-repo/question-svc:latest
     build:
       context: ./question-service
       dockerfile: Dockerfile
+    volumes:
+      - ./question-service:/app  # Mount src directory for hot reloading
+      - ./question-service/node_modules:/app/node_modules
     ports:
       - "4001:4001"
     environment:

peerprep-fe/.gitignore

@@ -27,6 +27,7 @@ yarn-error.log*
 
 # local env files
 .env*.local
+.env.*
 
 # vercel
 .vercel

peerprep-fe/.prettierrc

@@ -0,0 +1,7 @@
+{
+  "semi": true,
+  "singleQuote": true,
+  "trailingComma": "all",
+  "printWidth": 80,
+  "plugins": ["prettier-plugin-tailwindcss"]
+}

peerprep-fe/next.config.mjs

@@ -1,6 +1,6 @@
 /** @type {import('next').NextConfig} */
 const nextConfig = {
-  output: "standalone",
+  output: "standalone"
 };
 
 export default nextConfig;

peerprep-fe/package.json

@@ -7,14 +7,16 @@
     "build": "next build",
     "start": "next start -p 3000 -H 0.0.0.0",
     "lint": "next lint",
-    "pre-commit": "pnpm lint"
+    "format": "prettier --write \"src/**/*.tsx\" \"src/**/*.ts\" \"./tailwind.config.ts\"",
+    "pre-commit": "pnpm format && git add -u"
   },
   "dependencies": {
     "@radix-ui/react-dialog": "^1.1.1",
     "@radix-ui/react-icons": "^1.3.0",
     "@radix-ui/react-popover": "^1.1.1",
     "@radix-ui/react-select": "^2.1.1",
     "@radix-ui/react-slot": "^1.1.0",
+    "axios": "^1.7.7",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.1",
     "cmdk": "1.0.0",
@@ -33,6 +35,8 @@
     "eslint": "^8",
     "eslint-config-next": "14.2.12",
     "postcss": "^8",
+    "prettier": "^3.3.3",
+    "prettier-plugin-tailwindcss": "^0.6.8",
     "tailwindcss": "^3.4.1",
     "typescript": "^5"
   }