Production Deployment (Phase 2 - Under Development)

Author: HxnDev

backend/app/__init__.py

@@ -25,23 +25,20 @@ def create_app() -> Flask:
     # Initialize Flask app
     app = Flask(__name__)
 
-    # Configure CORS based on environment
+    # Configure CORS - allow all origins in development and specific origins in production
     is_production = os.getenv("FLASK_ENV") == "production"
+    
     if is_production:
         # In production, allow specific origins
         allowed_origins = [
             "https://hxndev.github.io",       # GitHub Pages domain
-            "http://localhost:5173"            # Local dev frontend
+            "http://localhost:5173"            # Local dev frontend (for testing)
         ]
-        CORS(app, origins=allowed_origins, supports_credentials=True)
+        CORS(app, resources={r"/api/*": {"origins": allowed_origins}}, supports_credentials=True)
     else:
-        # In development, allow all origins
-        CORS(app)
+        # In development, allow all origins with proper preflight handling
+        CORS(app, resources={r"/api/*": {"origins": "*"}}, supports_credentials=True)
 
-    # API key management is now handled per-request in routes
-    # Default Gemini configuration is still set up here without a key
-    # The actual key will be passed with each request
-    
     # Import and register blueprints
     # Using import_module to avoid circular imports
     routes = import_module(".routes", package="app")

backend/app/routes.py

@@ -114,8 +114,8 @@ def check_file_size(file) -> bool:
 @api_bp.before_request
 def before_request():
     """Middleware to check API key for all requests except health check"""
-    # Skip API key validation for health check endpoint
-    if request.path == "/api/health":
+    # Skip API key validation for health check endpoint and OPTIONS requests
+    if request.path == "/api/health" or request.method == 'OPTIONS':
         return
 
     # Get and validate API key
@@ -149,16 +149,19 @@ def analyze():
         logger.error("No resume file received")
         return jsonify({"success": False, "error": "No resume file provided"}), 400
 
-    job_details_str = request.form.get("job_links", "[]")  # Default to an empty list if missing
-
     resume = request.files["resume"]
     # Check file size
     if not check_file_size(resume):
         return jsonify({"success": False, "error": f"Resume file too large. Maximum size is {MAX_FILE_SIZE // (1024 * 1024)}MB"}), 400
 
-    job_details_str = request.form["job_links"]
+    # Get job details from the request
+    job_details_str = request.form.get("job_details", "[]")
+    if not job_details_str:
+        # For backwards compatibility, check job_links as well
+        job_details_str = request.form.get("job_links", "[]")
+        
     logger.info(f"Received resume: {resume.filename}")
-    logger.info(f"Received job links: {job_details_str[:200]}")  # Print only first 200 chars
+    logger.info(f"Received job details: {job_details_str[:200]}")  # Print only first 200 chars
 
     # Parse job details with better error handling
     try:

frontend/src/pages/Home.jsx

@@ -104,13 +104,13 @@ const Home = () => {
       formData.append('resume', textFile, 'resume.txt');
     }
 
-    // Convert job details to a JSON string (Even if empty)
-    formData.append('job_links', JSON.stringify(jobDetails || []));
-
     try {
       // Convert job details to a JSON string
       const jobDetailsJson = JSON.stringify(jobDetails);
       formData.append('job_details', jobDetailsJson);
+      
+      // For backward compatibility, also add as job_links
+      formData.append('job_links', jobDetailsJson);
     } catch (error) {
       console.error('Error stringifying job details:', error);
       notifications.show({
@@ -323,4 +323,4 @@ const Home = () => {
   );
 };
 
-export default Home;
+export default Home;

frontend/src/utils/apiConfig.js

@@ -113,4 +113,4 @@ export const addApiKeyToRequestConfig = (config = {}) => {
 export const getApiUrl = (endpoint) => {
   const cleanEndpoint = endpoint.startsWith('/') ? endpoint.slice(1) : endpoint;
   return `${API_BASE_URL}/${cleanEndpoint}`;
-};
+};

frontend/vite.config.js

@@ -3,12 +3,12 @@ import react from '@vitejs/plugin-react';
 
 export default defineConfig({
     plugins: [react()],
-    base: '/JobFit/', // Base path for GitHub Pages deployment
+    base: process.env.NODE_ENV === 'production' ? '/JobFit/' : '/', // Base path for GitHub Pages in production
     server: {
         port: 5173,
         proxy: {
             '/api': {
-                target: 'http://localhost:5000',
+                target: 'http://localhost:5050',
                 changeOrigin: true,
                 secure: false,
             },