From 3571d5e23bd7c781f253d5144a908bd3a2994a27 Mon Sep 17 00:00:00 2001
From: Hrishikesh Uchake <uchakeh@gmail.com>
Date: Sat, 24 Jan 2026 23:00:46 -0600
Subject: [PATCH 1/2] Migrate to google-genai SDK and fix missing logger in
 app.py

---
 analyzer/interview_generator.py               |  22 +-
 analyzer/job_analyzer.py                      |  20 +-
 app.py                                        | 200 ++++-
 app_production.py                             | 138 +++-
 database/mongodb.py                           |  17 +-
 database/repositories.py                      |   2 +
 frontend/frontend/src/context/AuthContext.tsx |   0
 frontend/package-lock.json                    |  60 +-
 frontend/package.json                         |   3 +-
 frontend/src/App.tsx                          | 708 ++----------------
 frontend/src/components/Dashboard.tsx         | 318 ++++++++
 frontend/src/components/InterviewPrepPlan.tsx | 183 +++++
 frontend/src/components/LoadingProgress.tsx   |  20 +
 frontend/src/components/LoginForm.tsx         | 113 +++
 frontend/src/components/Navbar.tsx            |  58 ++
 frontend/src/components/QuestionCard.tsx      |  61 ++
 frontend/src/components/RegisterForm.tsx      | 173 +++++
 frontend/src/components/ResumeForm.tsx        | 345 +++++++++
 frontend/src/context/AuthContext.tsx          |  55 ++
 generator/resume_generator.py                 |  49 +-
 requirements.txt                              |  21 +-
 scrapers/github_scraper.py                    |  14 +
 22 files changed, 1882 insertions(+), 698 deletions(-)
 create mode 100644 frontend/frontend/src/context/AuthContext.tsx
 create mode 100644 frontend/src/components/Dashboard.tsx
 create mode 100644 frontend/src/components/InterviewPrepPlan.tsx
 create mode 100644 frontend/src/components/LoadingProgress.tsx
 create mode 100644 frontend/src/components/LoginForm.tsx
 create mode 100644 frontend/src/components/Navbar.tsx
 create mode 100644 frontend/src/components/QuestionCard.tsx
 create mode 100644 frontend/src/components/RegisterForm.tsx
 create mode 100644 frontend/src/components/ResumeForm.tsx
 create mode 100644 frontend/src/context/AuthContext.tsx

diff --git a/analyzer/interview_generator.py b/analyzer/interview_generator.py
index 76197b3..6314e43 100644
--- a/analyzer/interview_generator.py
+++ b/analyzer/interview_generator.py
@@ -5,7 +5,7 @@
 tailored interview preparation tips and sample questions.
 """
 
-import google.generativeai as genai
+from google import genai
 import os
 import json
 from typing import Dict, List
@@ -15,17 +15,18 @@
 class InterviewGenerator:
     def __init__(self):
         """Initialize interview generator with Gemini API"""
-        config = get_config()
+        self.config = get_config()
         api_key = os.getenv("GEMINI_API_KEY")
         if not api_key:
             print("Warning: GEMINI_API_KEY not found in environment variables")
-            self.model = None
+            self.client = None
         else:
-            genai.configure(api_key=api_key)
             try:
-                self.model = genai.GenerativeModel(config.GEMINI_MODEL)
+                self.client = genai.Client(api_key=api_key)
+                self.model_name = self.config.GEMINI_MODEL
             except Exception:
-                self.model = genai.GenerativeModel("gemini-pro")
+                self.client = genai.Client(api_key=api_key)
+                self.model_name = "gemini-2.0-flash"
 
     def generate(self, job_requirements: Dict) -> Dict:
         """
@@ -37,8 +38,8 @@ def generate(self, job_requirements: Dict) -> Dict:
         Returns:
             Dictionary containing structured interview prep content
         """
-        if not self.model:
-            print("InterviewGenerator: No model initialized, using basic prep")
+        if not self.client:
+            print("InterviewGenerator: No client initialized, using basic prep")
             return self._generate_basic_prep(job_requirements)
 
         try:
@@ -47,7 +48,10 @@ def generate(self, job_requirements: Dict) -> Dict:
             print(f"InterviewGenerator: Generating content with Gemini...")
 
             # Generate content using Gemini
-            response = self.model.generate_content(prompt)
+            response = self.client.models.generate_content(
+                model=self.model_name,
+                contents=prompt
+            )
             
             if not response or not response.text:
                 print("InterviewGenerator: Empty response from Gemini")
diff --git a/analyzer/job_analyzer.py b/analyzer/job_analyzer.py
index 2f29c35..559efa5 100644
--- a/analyzer/job_analyzer.py
+++ b/analyzer/job_analyzer.py
@@ -11,6 +11,8 @@
 import re
 from typing import Dict, List, Set
 
+from database.repositories import CacheRepository
+
 
 class JobAnalyzer:
     def __init__(self):
@@ -83,6 +85,14 @@ def analyze(self, job_description: str) -> Dict:
         Returns:
             Dictionary containing analyzed requirements
         """
+        # Check cache first
+        try:
+            cached_result = CacheRepository.get_cached_job_analysis(job_description)
+            if cached_result:
+                return cached_result
+        except Exception:
+            pass  # Fallback to re-analyzing if cache fails
+
         job_desc_lower = job_description.lower()
 
         # Extract skills
@@ -97,7 +107,7 @@ def analyze(self, job_description: str) -> Dict:
         # Identify key sections
         sections = self._identify_sections(job_description)
 
-        return {
+        result = {
             "original_description": job_description,
             "skills": skills,
             "experience_required": experience,
@@ -106,6 +116,14 @@ def analyze(self, job_description: str) -> Dict:
             "keywords": self._extract_keywords(job_desc_lower),
         }
 
+        # Cache the result (using default 48 hours TTL)
+        try:
+            CacheRepository.cache_job_analysis(job_description, result)
+        except Exception:
+            pass
+
+        return result
+
     def _extract_skills(self, job_desc_lower: str) -> Dict[str, List[str]]:
         """Extract technical skills from job description"""
         found_skills = {}
diff --git a/app.py b/app.py
index df5eb26..c9dcc73 100644
--- a/app.py
+++ b/app.py
@@ -13,12 +13,15 @@
 from dotenv import load_dotenv
 
 # Import our modules
+from database import init_db
+from database.repositories import UserRepository, ResumeRepository, JobApplicationRepository
 from scrapers.github_scraper import GitHubScraper
 from scrapers.linkedin_scraper import LinkedInScraper
 from analyzer.job_analyzer import JobAnalyzer
 from analyzer.interview_generator import InterviewGenerator
 from generator.resume_generator import ResumeGenerator
 from generator.latex_compiler import LaTeXCompiler
+from config.logging_config import setup_logging
 
 # Load environment variables
 load_dotenv()
@@ -26,6 +29,12 @@
 app = Flask(__name__)
 CORS(app)
 
+# Setup logging
+logger = setup_logging(__name__)
+
+# Initialize database
+init_db()
+
 # Initialize components
 github_scraper = GitHubScraper()
 linkedin_scraper = LinkedInScraper()
@@ -264,14 +273,17 @@ def generate_resume():
     """
     try:
         linkedin_file = None
+        user_id = None
         if request.content_type and "multipart/form-data" in request.content_type:
             github_username = request.form.get("github_username", "").strip()
             job_description = request.form.get("job_description", "").strip()
             linkedin_file = request.files.get("linkedin_data")
+            user_id = request.form.get("user_id")
         else:
             data = request.json
             github_username = data.get("github_username", "").strip()
             job_description = data.get("job_description", "").strip()
+            user_id = data.get("user_id")
 
         if not job_description:
             return jsonify({"error": "Job description is required"}), 400
@@ -317,11 +329,50 @@ def generate_resume():
             profile_data["github"]["top_projects"] = relevant_projects
 
         # Step 4: Generate tailored resume content
-        resume_content = resume_generator.generate(profile_data, job_requirements)
+        resume_content = resume_generator.generate(profile_data, job_requirements, user_id=user_id)
 
-        # Step 4: Compile to PDF
+        # Step 5: Compile to PDF
         pdf_path = latex_compiler.compile(resume_content)
 
+        # Step 6: Move PDF to permanent storage and save to database if user is logged in
+        if user_id:
+            try:
+                # Move PDF to a more permanent 'uploads/resumes' folder
+                resumes_dir = os.path.join("uploads", "resumes")
+                os.makedirs(resumes_dir, exist_ok=True)
+                
+                permanent_pdf_name = f"resume_{user_id}_{uuid.uuid4().hex[:8]}.pdf"
+                permanent_pdf_path = os.path.join(resumes_dir, permanent_pdf_name)
+                
+                import shutil
+                shutil.copy2(pdf_path, permanent_pdf_path)
+
+                # Create Resume record
+                resume_doc = ResumeRepository.create_resume(
+                    user_id=user_id,
+                    github_username=github_username,
+                    job_title=resume_content.get("basics", {}).get("label", "Software Engineer"),
+                    job_description=job_description,
+                    tailored_content=resume_content,
+                    pdf_path=permanent_pdf_path
+                )
+
+                # Create Job Application record
+                company = resume_content.get("basics", {}).get("company", "Target Company")
+                job_url = request.form.get("job_url") if (request.content_type and "multipart/form-data" in request.content_type) else (data.get("job_url") if data else None)
+                
+                JobApplicationRepository.create_application(
+                    user_id=user_id,
+                    job_title=resume_content.get("basics", {}).get("label", "Software Engineer"),
+                    company=company,
+                    resume_id=str(resume_doc.id),
+                    job_url=job_url,
+                    job_description=job_description
+                )
+                logger.info(f"Stored resume and application for user {user_id}")
+            except Exception as e:
+                logger.error(f"Failed to store resume/application: {e}")
+
         # Validate that the PDF path is within the temp directory (security check)
         abs_temp_dir = os.path.abspath("temp")
         abs_pdf_path = os.path.abspath(pdf_path)
@@ -332,8 +383,7 @@ def generate_resume():
         return send_file(
             pdf_path,
             mimetype="application/pdf",
-            as_attachment=True,
-            download_name="tailored_resume.pdf",
+            as_attachment=False,
         )
 
     except Exception as e:
@@ -365,7 +415,147 @@ def interview_prep():
         return jsonify({"error": str(e)}), 500
 
 
-@app.route("/health")
+# --- Authentication & User Endpoints ---
+
+@app.route("/api/auth/register", methods=["POST"])
+@app.route("/api/v1/auth/register", methods=["POST"])
+def register():
+    """Register a new user"""
+    try:
+        data = request.json
+        email = data.get("email")
+        username = data.get("username")
+        password = data.get("password")
+        first_name = data.get("first_name", "")
+        last_name = data.get("last_name", "")
+
+        if not email or not username or not password:
+            return jsonify({"error": "Email, username, and password are required"}), 400
+
+        if UserRepository.get_user_by_email(email):
+            return jsonify({"error": "Email already registered"}), 400
+
+        if UserRepository.get_user_by_username(username):
+            return jsonify({"error": "Username already taken"}), 400
+
+        user = UserRepository.create_user(email, username, password, first_name, last_name)
+        return jsonify({
+            "message": "User registered successfully",
+            "user": {
+                "id": str(user.id),
+                "username": user.username,
+                "email": user.email
+            }
+        }), 201
+    except Exception as e:
+        return jsonify({"error": str(e)}), 500
+
+
+@app.route("/api/auth/login", methods=["POST"])
+@app.route("/api/v1/auth/login", methods=["POST"])
+def login():
+    """Authenticate user"""
+    try:
+        data = request.json
+        username = data.get("username")
+        password = data.get("password")
+
+        if not username or not password:
+            return jsonify({"error": "Username and password are required"}), 400
+
+        user = UserRepository.authenticate(username, password)
+        if not user:
+            return jsonify({"error": "Invalid username or password"}), 401
+
+        return jsonify({
+            "message": "Login successful",
+            "user": {
+                "id": str(user.id),
+                "username": user.username,
+                "email": user.email
+            }
+        })
+    except Exception as e:
+        return jsonify({"error": str(e)}), 500
+
+
+@app.route("/api/user/resumes/<user_id>", methods=["GET"])
+@app.route("/api/v1/user/resumes/<user_id>", methods=["GET"])
+def get_user_resumes(user_id):
+    """Get all resumes for a user"""
+    try:
+        resumes = ResumeRepository.get_user_resumes(user_id)
+        return jsonify([{
+            "id": str(r.id),
+            "job_title": r.job_title,
+            "github_username": r.github_username,
+            "created_at": r.created_at.isoformat(),
+            "is_archived": r.is_archived
+        } for r in resumes])
+    except Exception as e:
+        return jsonify({"error": str(e)}), 500
+
+
+@app.route("/api/v1/user/resumes/download/<resume_id>", methods=["GET"])
+def download_resume(resume_id):
+    """Download a previously generated resume PDF"""
+    try:
+        resume = ResumeRepository.get_resume(resume_id)
+        if not resume or not resume.pdf_path:
+            return jsonify({"error": "Resume not found"}), 404
+
+        if not os.path.exists(resume.pdf_path):
+            return jsonify({"error": "PDF file not found on server"}), 404
+
+        return send_file(
+            resume.pdf_path,
+            mimetype="application/pdf",
+            as_attachment=True,
+            download_name=f"resume_{resume.job_title.replace(' ', '_')}.pdf"
+        )
+    except Exception as e:
+        return jsonify({"error": str(e)}), 500
+
+
+@app.route("/api/v1/user/resumes/preview/<resume_id>", methods=["GET"])
+def preview_resume(resume_id):
+    """Preview a previously generated resume PDF inline"""
+    try:
+        resume = ResumeRepository.get_resume(resume_id)
+        if not resume or not resume.pdf_path:
+            return jsonify({"error": "Resume not found"}), 404
+
+        if not os.path.exists(resume.pdf_path):
+            return jsonify({"error": "PDF file not found on server"}), 404
+
+        return send_file(
+            resume.pdf_path,
+            mimetype="application/pdf",
+            as_attachment=False
+        )
+    except Exception as e:
+        return jsonify({"error": str(e)}), 500
+
+
+@app.route("/api/user/applications/<user_id>", methods=["GET"])
+@app.route("/api/v1/user/applications/<user_id>", methods=["GET"])
+def get_user_applications(user_id):
+    """Get all job applications for a user"""
+    try:
+        applications = JobApplicationRepository.get_user_applications(user_id)
+        return jsonify([{
+            "id": str(a.id),
+            "job_title": a.job_title,
+            "company": a.company,
+            "status": a.status,
+            "applied_date": a.applied_date.isoformat()
+        } for a in applications])
+    except Exception as e:
+        return jsonify({"error": str(e)}), 500
+
+
+@app.route("/health", methods=["GET"])
+@app.route("/api/v1/health", methods=["GET"])
 def health():
     """Health check endpoint"""
     return jsonify({"status": "healthy"})
diff --git a/app_production.py b/app_production.py
index cdc5602..c2b92cc 100644
--- a/app_production.py
+++ b/app_production.py
@@ -39,6 +39,9 @@
 )
 from utils.validators import InputValidator
 
+# Import database
+from database import init_db
+
 # Import our modules
 from scrapers.github_scraper import GitHubScraper
 from scrapers.linkedin_scraper import LinkedInScraper
@@ -54,6 +57,9 @@
 # Create Flask app
 app = Flask(__name__)
 
+# Initialize database
+init_db()
+
 # Configure CORS with security
 cors_config = {
     "origins": config.CORS_ORIGINS,
@@ -385,11 +391,13 @@ def generate_resume():
     try:
         # Parse and validate request
         linkedin_file = None
+        user_id = None
 
         if request.content_type and "multipart/form-data" in request.content_type:
             github_username = request.form.get("github_username", "").strip()
             job_description = request.form.get("job_description", "").strip()
             linkedin_file = request.files.get("linkedin_data")
+            user_id = request.form.get("user_id")
         else:
             data = request.get_json(force=True) if not request.json else request.json
             if not data:
@@ -397,6 +405,7 @@ def generate_resume():
 
             github_username = data.get("github_username", "").strip()
             job_description = data.get("job_description", "").strip()
+            user_id = data.get("user_id")
 
         logger.info(f"[{request.request_id}] Resume generation request")
 
@@ -493,7 +502,7 @@ def generate_resume():
         # Step 4: Generate tailored resume content
         try:
             logger.debug(f"[{request.request_id}] Generating resume content")
-            resume_content = resume_generator.generate(profile_data, job_requirements)
+            resume_content = resume_generator.generate(profile_data, job_requirements, user_id=user_id)
             logger.debug(f"[{request.request_id}] Resume content generated")
         except Exception as e:
             logger.error(
@@ -527,6 +536,27 @@ def generate_resume():
             logger.error(f"[{request.request_id}] PDF file not found: {abs_pdf_path}")
             raise ValueError("Generated PDF file not found")
 
+        # Step 6: Create job application record if user is logged in
+        if user_id:
+            try:
+                from database.repositories import JobApplicationRepository
+                company = resume_content.get("basics", {}).get("company", "Target Company")
+                job_title = resume_content.get("basics", {}).get("label", "Software Engineer")
+                
+                job_url = request.form.get("job_url") if linkedin_file else data.get("job_url")
+
+                JobApplicationRepository.create_application(
+                    user_id=user_id,
+                    job_title=job_title,
+                    company=company,
+                    resume_id=str(getattr(resume_content, 'id', '')), # Or however we get it
+                    job_url=job_url,
+                    job_description=job_description
+                )
+                logger.debug(f"[{request.request_id}] Job application record created")
+            except Exception as e:
+                logger.error(f"[{request.request_id}] Failed to create job application record: {e}")
+
         logger.info(f"[{request.request_id}] Resume generated successfully")
 
         # Return the PDF file
@@ -594,6 +624,112 @@ def interview_prep():
         )
 
 
+@app.route("/api/v1/auth/register", methods=["POST"])
+def register():
+    """Register a new user"""
+    try:
+        from database.repositories import UserRepository
+        data = request.json
+        if not data:
+            return jsonify({"error": "VALIDATION_ERROR", "message": "Request body is required"}), 400
+            
+        email = data.get("email")
+        username = data.get("username")
+        password = data.get("password")
+        first_name = data.get("first_name", "")
+        last_name = data.get("last_name", "")
+
+        if not email or not username or not password:
+            return jsonify({"error": "VALIDATION_ERROR", "message": "Email, username, and password are required"}), 400
+
+        if UserRepository.get_user_by_email(email):
+            return jsonify({"error": "CONFLICT", "message": "Email already registered"}), 409
+
+        if UserRepository.get_user_by_username(username):
+            return jsonify({"error": "CONFLICT", "message": "Username already taken"}), 409
+
+        user = UserRepository.create_user(email, username, password, first_name, last_name)
+        return jsonify({
+            "message": "User registered successfully",
+            "user": {
+                "id": str(user.id),
+                "username": user.username,
+                "email": user.email
+            }
+        }), 201
+    except Exception as e:
+        logger.error(f"Registration failed: {e}", exc_info=True)
+        return jsonify({"error": "INTERNAL_ERROR", "message": str(e)}), 500
+
+
+@app.route("/api/v1/auth/login", methods=["POST"])
+def login():
+    """Authenticate user"""
+    try:
+        from database.repositories import UserRepository
+        data = request.json
+        if not data:
+            return jsonify({"error": "VALIDATION_ERROR", "message": "Request body is required"}), 400
+            
+        username = data.get("username")
+        password = data.get("password")
+
+        if not username or not password:
+            return jsonify({"error": "VALIDATION_ERROR", "message": "Username and password are required"}), 400
+
+        user = UserRepository.authenticate(username, password)
+        if not user:
+            return jsonify({"error": "UNAUTHORIZED", "message": "Invalid username or password"}), 401
+
+        return jsonify({
+            "message": "Login successful",
+            "user": {
+                "id": str(user.id),
+                "username": user.username,
+                "email": user.email
+            }
+        })
+    except Exception as e:
+        logger.error(f"Login failed: {e}", exc_info=True)
+        return jsonify({"error": "INTERNAL_ERROR", "message": str(e)}), 500
+
+
+@app.route("/api/v1/user/resumes/<user_id>", methods=["GET"])
+def get_user_resumes(user_id):
+    """Get all resumes for a user"""
+    try:
+        from database.repositories import ResumeRepository
+        resumes = ResumeRepository.get_user_resumes(user_id)
+        return jsonify([{
+            "id": str(r.id),
+            "job_title": r.job_title,
+            "github_username": r.github_username,
+            "created_at": r.created_at.isoformat(),
+            "is_archived": r.is_archived
+        } for r in resumes])
+    except Exception as e:
+        logger.error(f"Failed to fetch user resumes: {e}", exc_info=True)
+        return jsonify({"error": "INTERNAL_ERROR", "message": str(e)}), 500
+
+
+@app.route("/api/v1/user/applications/<user_id>", methods=["GET"])
+def get_user_applications(user_id):
+    """Get all job applications for a user"""
+    try:
+        from database.repositories import JobApplicationRepository
+        applications = JobApplicationRepository.get_user_applications(user_id)
+        return jsonify([{
+            "id": str(a.id),
+            "job_title": a.job_title,
+            "company": a.company,
+            "status": a.status,
+            "applied_date": a.applied_date.isoformat()
+        } for a in applications])
+    except Exception as e:
+        logger.error(f"Failed to fetch user applications: {e}", exc_info=True)
+        return jsonify({"error": "INTERNAL_ERROR", "message": str(e)}), 500
+
+
 @app.route("/health", methods=["GET"])
 def health():
     """Health check endpoint"""
diff --git a/database/mongodb.py b/database/mongodb.py
index 848a122..e0f269b 100644
--- a/database/mongodb.py
+++ b/database/mongodb.py
@@ -48,14 +48,16 @@ def connect(self):
 
         try:
             logger.info(
-                f"Connecting to MongoDB at {config.DATABASE_HOST}:{config.DATABASE_PORT}"
+                f"Connecting to MongoDB..."
             )
 
             # Build connection string
-            if config.DATABASE_USERNAME and config.DATABASE_PASSWORD:
+            if config.DATABASE_URL and (config.DATABASE_URL.startswith("mongodb://") or config.DATABASE_URL.startswith("mongodb+srv://")):
+                connection_string = config.DATABASE_URL
+            elif config.DATABASE_USERNAME and config.DATABASE_PASSWORD:
                 connection_string = (
                     f"mongodb://{config.DATABASE_USERNAME}:{config.DATABASE_PASSWORD}"
-                    f"@{config.DATABASE_HOST}:{config.DATABASE_PORT}/{config.DATABASE_NAME}"
+                    f"@{config.DATABASE_HOST}:{config.DATABASE_PORT}/{config.DATABASE_NAME}?authSource=admin"
                 )
             else:
                 connection_string = f"mongodb://{config.DATABASE_HOST}:{config.DATABASE_PORT}/{config.DATABASE_NAME}"
@@ -216,7 +218,7 @@ class User(Document):
         "indexes": [
             "email",
             "username",
-            ("created_at", "-1"),
+            "-created_at",
         ],
     }
 
@@ -270,7 +272,7 @@ class JobCache(Document):
     meta = {
         "collection": "job_cache",
         "indexes": [
-            ("expires_at", 1),  # MongoDB will auto-delete after this date
+            {"fields": ["expires_at"], "expireAfterSeconds": 0},
         ],
     }
 
@@ -286,7 +288,7 @@ class GitHubProfileCache(Document):
     meta = {
         "collection": "github_cache",
         "indexes": [
-            ("expires_at", 1),  # MongoDB will auto-delete after this date
+            {"fields": ["expires_at"], "expireAfterSeconds": 0},
         ],
     }
 
@@ -310,8 +312,7 @@ class AuditLog(Document):
         "indexes": [
             "user_id",
             "action",
-            "created_at",
-            ("created_at", -1),
+            "-created_at",
         ],
     }
 
diff --git a/database/repositories.py b/database/repositories.py
index c6478fd..a27fdbb 100644
--- a/database/repositories.py
+++ b/database/repositories.py
@@ -86,6 +86,7 @@ def create_resume(
         job_title: str,
         job_description: str,
         tailored_content: Dict,
+        pdf_path: str = None,
     ) -> Resume:
         """Create a new resume"""
         resume = Resume(
@@ -94,6 +95,7 @@ def create_resume(
             job_title=job_title,
             job_description=job_description,
             tailored_content=tailored_content,
+            pdf_path=pdf_path,
         )
         resume.save()
         logger.info(f"Resume created for user {user_id}: {resume.id}")
diff --git a/frontend/frontend/src/context/AuthContext.tsx b/frontend/frontend/src/context/AuthContext.tsx
new file mode 100644
index 0000000..e69de29
diff --git a/frontend/package-lock.json b/frontend/package-lock.json
index 2d6e87b..38b295d 100644
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -13,7 +13,8 @@
         "framer-motion": "^12.29.0",
         "lucide-react": "^0.563.0",
         "react": "^19.2.0",
-        "react-dom": "^19.2.0"
+        "react-dom": "^19.2.0",
+        "react-router-dom": "^7.13.0"
       },
       "devDependencies": {
         "@eslint/js": "^9.39.1",
@@ -2238,6 +2239,19 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/cookie": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/cookie/-/cookie-1.1.1.tgz",
+      "integrity": "sha512-ei8Aos7ja0weRpFzJnEA9UHJ/7XQmqglbRwnf2ATjcB9Wq874VKH9kfjjirM6UhU2/E5fFYadylyhFldcqSidQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/express"
+      }
+    },
     "node_modules/cross-spawn": {
       "version": "7.0.6",
       "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
@@ -3733,6 +3747,44 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/react-router": {
+      "version": "7.13.0",
+      "resolved": "https://registry.npmjs.org/react-router/-/react-router-7.13.0.tgz",
+      "integrity": "sha512-PZgus8ETambRT17BUm/LL8lX3Of+oiLaPuVTRH3l1eLvSPpKO3AvhAEb5N7ihAFZQrYDqkvvWfFh9p0z9VsjLw==",
+      "license": "MIT",
+      "dependencies": {
+        "cookie": "^1.0.1",
+        "set-cookie-parser": "^2.6.0"
+      },
+      "engines": {
+        "node": ">=20.0.0"
+      },
+      "peerDependencies": {
+        "react": ">=18",
+        "react-dom": ">=18"
+      },
+      "peerDependenciesMeta": {
+        "react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/react-router-dom": {
+      "version": "7.13.0",
+      "resolved": "https://registry.npmjs.org/react-router-dom/-/react-router-dom-7.13.0.tgz",
+      "integrity": "sha512-5CO/l5Yahi2SKC6rGZ+HDEjpjkGaG/ncEP7eWFTvFxbHP8yeeI0PxTDjimtpXYlR3b3i9/WIL4VJttPrESIf2g==",
+      "license": "MIT",
+      "dependencies": {
+        "react-router": "7.13.0"
+      },
+      "engines": {
+        "node": ">=20.0.0"
+      },
+      "peerDependencies": {
+        "react": ">=18",
+        "react-dom": ">=18"
+      }
+    },
     "node_modules/resolve-from": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
@@ -3803,6 +3855,12 @@
         "semver": "bin/semver.js"
       }
     },
+    "node_modules/set-cookie-parser": {
+      "version": "2.7.2",
+      "resolved": "https://registry.npmjs.org/set-cookie-parser/-/set-cookie-parser-2.7.2.tgz",
+      "integrity": "sha512-oeM1lpU/UvhTxw+g3cIfxXHyJRc/uidd3yK1P242gzHds0udQBYzs3y8j4gCCW+ZJ7ad0yctld8RYO+bdurlvw==",
+      "license": "MIT"
+    },
     "node_modules/shebang-command": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
diff --git a/frontend/package.json b/frontend/package.json
index 426349b..35c4ccb 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -15,7 +15,8 @@
     "framer-motion": "^12.29.0",
     "lucide-react": "^0.563.0",
     "react": "^19.2.0",
-    "react-dom": "^19.2.0"
+    "react-dom": "^19.2.0",
+    "react-router-dom": "^7.13.0"
   },
   "devDependencies": {
     "@eslint/js": "^9.39.1",
diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
index 83b4aeb..79a442d 100644
--- a/frontend/src/App.tsx
+++ b/frontend/src/App.tsx
@@ -1,664 +1,76 @@
-import { useState, useActionState, useTransition, useCallback, useRef, useEffect } from 'react'
-import { Rocket, Github, Linkedin, Briefcase, Download, Loader2, AlertCircle, CheckCircle2, Info, Lightbulb, MessageSquare, Brain, Trophy, ChevronRight, Copy, Check, ChevronDown, ChevronUp } from 'lucide-react'
-import { motion, AnimatePresence } from 'framer-motion'
-import axios from 'axios'
-
-// API Base URL - adjust if backend is on different port
-const API_BASE_URL = import.meta.env.VITE_API_URL || 'http://localhost:5001'
-
-interface ActionState {
-  type: 'idle' | 'loading' | 'success' | 'error'
-  message: string
-  downloadUrl?: string
-  interviewPrep?: {
-    tips: string[];
-    technical_questions: { question: string; context: string }[];
-    behavioral_questions: { question: string; context: string }[];
-    situational_questions: { question: string; context: string }[];
-    winning_strategy: string;
-  }
-}
-
-async function generateResumeAction(prevState: ActionState, formData: FormData): Promise<ActionState> {
-  const github = formData.get('github_username') as string
-  const linkedin = formData.get('linkedin_data') as File
-  const jobDescription = formData.get('job_description') as string
-
-  if (!github && (!linkedin || linkedin.size === 0)) {
-    return { type: 'error', message: 'Please provide at least one profile (GitHub username or LinkedIn Data Export)' }
-  }
-
-  if (!jobDescription) {
-    return { type: 'error', message: 'Please provide a job description' }
-  }
-
-  try {
-    // Stage 1: Generate Resume (Main task)
-    let response;
-    try {
-      response = await axios.post(`${API_BASE_URL}/api/v1/generate-resume`, formData, {
-        responseType: 'blob',
-        headers: { 'Content-Type': 'multipart/form-data' },
-        timeout: 60000 // 60s timeout
-      })
-    } catch (e: any) {
-      if (e.response?.status === 404) {
-        response = await axios.post(`${API_BASE_URL}/api/generate-resume`, formData, {
-          responseType: 'blob',
-          headers: { 'Content-Type': 'multipart/form-data' },
-          timeout: 60000
-        })
-      } else {
-        throw e;
-      }
-    }
-
-    const blob = new Blob([response.data], { type: 'application/pdf' })
-    const url = window.URL.createObjectURL(blob)
-    
-    // Auto-download logic
-    const link = document.createElement('a')
-    link.href = url
-    link.setAttribute('download', 'tailored_resume.pdf')
-    document.body.appendChild(link)
-    link.click()
-    link.parentNode?.removeChild(link)
-
-    // Stage 2: Fetch Interview Prep (Sequential to avoid race conditions/timeouts)
-    let interviewPrep = null;
-    try {
-      console.log('Fetching interview prep...');
-      let prepRes;
-      try {
-        prepRes = await axios.post(`${API_BASE_URL}/api/v1/interview-prep`, 
-          { job_description: jobDescription },
-          { timeout: 35000 }
-        );
-      } catch (e: any) {
-        console.warn('V1 interview prep failed, trying fallback...', e.message);
-        // Fallback if 404 OR if it's a network/CORS error (which might happen if preflight fails on V1)
-        if (!e.response || e.response.status === 404) {
-          prepRes = await axios.post(`${API_BASE_URL}/api/interview-prep`, 
-            { job_description: jobDescription },
-            { timeout: 35000 }
-          );
-        } else {
-          throw e;
-        }
-      }
-      interviewPrep = prepRes.data;
-      console.log('Interview prep loaded successfully');
-    } catch (err: any) {
-      console.error('Interview prep fetch failed:', err.message || err);
-      // We don't throw here so the user still sees the success for the resume
-    }
-    
-    return { 
-      type: 'success', 
-      message: 'Resume generated! Your download should start automatically.',
-      downloadUrl: url,
-      interviewPrep
-    }
-  } catch (error: any) {
-    console.error('Error generating resume:', error)
-    
-    let errorMessage = 'Failed to generate resume. Please try again.'
-    
-    if (error.response?.data instanceof Blob) {
-      // Convert Blob error back to JSON
-      const text = await error.response.data.text()
-      try {
-        const json = JSON.parse(text)
-        errorMessage = json.error || errorMessage
-      } catch (e) {
-        errorMessage = text || errorMessage
-      }
-    } else if (error.response?.data?.error) {
-      errorMessage = error.response.data.error
-    } else if (error.message) {
-      errorMessage = error.message
-    }
-    
-    return { type: 'error', message: errorMessage }
-  }
-}
-
-function QuestionCard({ question, context, index }: { question: string; context: string; index: number }) {
-  const [isOpen, setIsOpen] = useState(false)
-
-  return (
-    <motion.div
-      initial={{ opacity: 0, y: 10 }}
-      animate={{ opacity: 1, y: 0 }}
-      transition={{ delay: index * 0.05 }}
-      className="group bg-slate-50 border border-slate-100 rounded-2xl overflow-hidden hover:border-indigo-200 hover:shadow-md transition-all cursor-pointer"
-      onClick={() => setIsOpen(!isOpen)}
-    >
-      <div className="p-4 flex items-start justify-between gap-4">
-        <div className="flex gap-4">
-          <span className="flex-shrink-0 w-6 h-6 rounded-full bg-white border border-slate-200 text-[10px] font-bold flex items-center justify-center text-slate-400 group-hover:text-indigo-600 group-hover:border-indigo-100 transition-colors">
-            {index + 1}
-          </span>
-          <p className="font-bold text-slate-800 text-sm leading-relaxed tracking-tight group-hover:text-slate-900 transition-colors">
-            {question}
-          </p>
-        </div>
-        <div className="flex-shrink-0 mt-1">
-          {isOpen ? (
-            <ChevronUp className="w-4 h-4 text-slate-400 group-hover:text-indigo-500 transition-colors" />
-          ) : (
-            <ChevronDown className="w-4 h-4 text-slate-400 group-hover:text-indigo-500 transition-colors" />
-          )}
-        </div>
-      </div>
-      
-      <AnimatePresence>
-        {isOpen && (
-          <motion.div
-            initial={{ height: 0, opacity: 0 }}
-            animate={{ height: 'auto', opacity: 1 }}
-            exit={{ height: 0, opacity: 0 }}
-            transition={{ duration: 0.2, ease: "easeInOut" }}
-            className="overflow-hidden"
-          >
-            <div className="px-12 pb-4 pt-1">
-              <div className="p-3 rounded-xl bg-white border border-slate-100 flex gap-3 shadow-sm">
-                <div className="bg-indigo-50 p-1.5 rounded-lg flex-shrink-0 h-fit mt-0.5">
-                  <Info className="w-3.5 h-3.5 text-indigo-600" />
-                </div>
-                <div>
-                  <p className="text-[10px] font-bold text-indigo-900 uppercase tracking-wider mb-1">Coach Context</p>
-                  <p className="text-sm text-slate-600 font-medium leading-relaxed italic">
-                    {context}
-                  </p>
-                </div>
-              </div>
-            </div>
-          </motion.div>
-        )}
-      </AnimatePresence>
-    </motion.div>
-  )
+import { BrowserRouter, Routes, Route, Navigate } from 'react-router-dom';
+import { AuthProvider, useAuth } from './context/AuthContext';
+import Navbar from './components/Navbar';
+import ResumeForm from './components/ResumeForm';
+import LoginForm from './components/LoginForm';
+import RegisterForm from './components/RegisterForm';
+import Dashboard from './components/Dashboard';
+import { motion } from 'framer-motion';
+import { Rocket } from 'lucide-react';
+
+function ProtectedRoute({ children }: { children: React.ReactNode }) {
+  const { isAuthenticated } = useAuth();
+  return isAuthenticated ? <>{children}</> : <Navigate to="/login" />;
 }
 
-function App() {
-  const [state, formAction, isPending] = useActionState(generateResumeAction, {
-    type: 'idle',
-    message: '',
-  })
-
-  // Local state for UI feedback
-  const [fileName, setFileName] = useState<string>('')
-  
-  // Dynamic loading message
-  const [loadingStep, setLoadingStep] = useState(0)
-  
-  useEffect(() => {
-    if (isPending) {
-      const interval = setInterval(() => {
-        setLoadingStep(s => (s + 1) % 4)
-      }, 3000)
-      return () => clearInterval(interval)
-    } else {
-      setLoadingStep(0)
-    }
-  }, [isPending])
-
-  const loadingMessages = [
-    "Analyzing your technical DNA...",
-    "Matching professional path to job requirements...",
-    "Scanning project impact and metrics...",
-    "Preparing your personalized interview coach..."
-  ]
-
+function Home() {
   return (
-    <div className="min-h-screen bg-[#fafafa] text-slate-900 py-12 px-4 sm:px-6 lg:px-8 selection:bg-indigo-100 selection:text-indigo-700">
-      <div className="max-w-4xl mx-auto">
-        {/* Header */}
+    <div className="max-w-4xl mx-auto">
+      <motion.div 
+        initial={{ opacity: 0, y: -20 }}
+        animate={{ opacity: 1, y: 0 }}
+        className="text-center mb-16"
+      >
         <motion.div 
-          initial={{ opacity: 0, y: -20 }}
-          animate={{ opacity: 1, y: 0 }}
-          className="text-center mb-16"
+          whileHover={{ rotate: 15, scale: 1.1 }}
+          className="inline-flex items-center justify-center p-4 bg-indigo-600 rounded-3xl shadow-xl shadow-indigo-200 mb-6 cursor-pointer"
         >
-          <motion.div 
-            whileHover={{ rotate: 15, scale: 1.1 }}
-            className="inline-flex items-center justify-center p-4 bg-indigo-600 rounded-3xl shadow-xl shadow-indigo-200 mb-6 cursor-pointer"
-          >
-            <Rocket className="w-10 h-10 text-white" />
-          </motion.div>
-          <h1 className="text-5xl font-black tracking-tight text-slate-900 sm:text-6xl mb-4">
-            Mployable<span className="text-indigo-600">.</span>
-          </h1>
-          <p className="max-w-xl mx-auto text-xl text-slate-500 font-medium">
-            AI-powered resume tailoring that actually works. Leverage your GitHub & LinkedIn to match any job description.
-          </p>
+          <Rocket className="w-10 h-10 text-white" />
         </motion.div>
-
-        <div className="grid grid-cols-1 lg:grid-cols-3 gap-8">
-          {/* Main Form Area */}
-          <motion.div 
-            initial={{ opacity: 0, x: -20 }}
-            animate={{ opacity: 1, x: 0 }}
-            transition={{ delay: 0.1 }}
-            className="lg:col-span-2 space-y-8"
-          >
-            <div className="bg-white rounded-[2rem] shadow-2xl overflow-hidden border border-slate-100">
-              <div className="p-8 sm:p-10">
-                <form action={formAction} className="space-y-8">
-                  <div className="grid grid-cols-1 sm:grid-cols-2 gap-6">
-                    {/* GitHub Input */}
-                    <div className="space-y-2">
-                      <label htmlFor="github_username" className="text-sm font-bold text-slate-800 flex items-center gap-2">
-                        <Github className="w-4 h-4 text-indigo-600" /> GitHub Profile
-                      </label>
-                      <input
-                        type="text"
-                        name="github_username"
-                        id="github_username"
-                        placeholder="e.g. torvalds"
-                        className="w-full px-5 py-4 rounded-2xl bg-slate-50 border border-slate-200 focus:ring-4 focus:ring-indigo-500/10 focus:border-indigo-500 transition-all outline-none font-medium"
-                      />
-                    </div>
-
-                    {/* LinkedIn File Input */}
-                    <div className="space-y-2">
-                      <label className="text-sm font-bold text-slate-800 flex items-center gap-2">
-                        <Linkedin className="w-4 h-4 text-indigo-600" /> LinkedIn Export
-                      </label>
-                      <div className="relative group">
-                        <input
-                          type="file"
-                          name="linkedin_data"
-                          accept=".zip"
-                          onChange={(e) => setFileName(e.target.files?.[0]?.name || '')}
-                          className="absolute inset-0 w-full h-full opacity-0 cursor-pointer z-10"
-                        />
-                        <div className="w-full px-5 py-4 rounded-2xl bg-slate-50 border border-slate-200 group-hover:border-indigo-300 transition-all flex items-center justify-between overflow-hidden">
-                          <span className={`text-sm truncate ${fileName ? 'text-indigo-600 font-bold' : 'text-slate-400'}`}>
-                            {fileName || 'Upload .zip export'}
-                          </span>
-                          <Download className="w-4 h-4 text-slate-400 shrink-0" />
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-
-                  {/* Job Description */}
-                  <div className="space-y-2">
-                    <label htmlFor="job_description" className="text-sm font-bold text-slate-800 flex items-center gap-2">
-                      <Briefcase className="w-4 h-4 text-indigo-600" /> Target Job Description
-                    </label>
-                    <textarea
-                      name="job_description"
-                      id="job_description"
-                      rows={8}
-                      placeholder="Paste the job requirements, responsibilities, and details here..."
-                      className="w-full px-5 py-4 rounded-2xl bg-slate-50 border border-slate-200 focus:ring-4 focus:ring-indigo-500/10 focus:border-indigo-500 transition-all outline-none font-medium resize-none"
-                    />
-                  </div>
-
-                  <button
-                    type="submit"
-                    disabled={isPending}
-                    className="w-full group relative flex items-center justify-center gap-3 py-5 px-8 rounded-2xl bg-slate-900 text-white font-bold text-xl hover:bg-indigo-600 transition-all duration-300 disabled:opacity-50 disabled:bg-slate-400 shadow-xl shadow-slate-200"
-                  >
-                    {isPending ? (
-                      <>
-                        <Loader2 className="w-6 h-6 animate-spin" />
-                        Crafting Resume...
-                      </>
-                    ) : (
-                      <>
-                        <Rocket className="w-5 h-5 group-hover:translate-x-1 group-hover:-translate-y-1 transition-transform" />
-                        Generate Now
-                      </>
-                    )}
-                  </button>
-                </form>
-
-                <AnimatePresence>
-                  {state.type !== 'idle' && !isPending && (
-                    <motion.div
-                      initial={{ opacity: 0, y: 10 }}
-                      animate={{ opacity: 1, y: 0 }}
-                      exit={{ opacity: 0 }}
-                      className="mt-8"
-                    >
-                      <div className={`p-5 rounded-2xl flex items-start gap-4 ${
-                        state.type === 'success' ? 'bg-emerald-50 text-emerald-800 border border-emerald-100' :
-                        'bg-rose-50 text-rose-800 border border-rose-100'
-                      }`}>
-                        {state.type === 'success' ? (
-                          <CheckCircle2 className="w-6 h-6 mt-0.5 shrink-0 text-emerald-600" />
-                        ) : (
-                          <AlertCircle className="w-6 h-6 mt-0.5 shrink-0 text-rose-600" />
-                        )}
-                        <div>
-                          <p className="font-bold text-base mb-1">{state.type === 'success' ? 'Success!' : 'Oops!'}</p>
-                          <p className="text-sm opacity-90 leading-relaxed font-medium">{state.message}</p>
-                        </div>
-                      </div>
-
-                      {state.type === 'success' && (
-                        <div className="mt-8">
-                          {state.interviewPrep ? (
-                            <InterviewPrepPlan data={state.interviewPrep} />
-                          ) : (
-                            <motion.div 
-                              initial={{ opacity: 0, scale: 0.95 }}
-                              animate={{ opacity: 1, scale: 1 }}
-                              className="p-8 bg-amber-50/50 border border-amber-100 rounded-[2rem] text-center"
-                            >
-                              <AlertCircle className="w-10 h-10 text-amber-500 mx-auto mb-4" />
-                              <h4 className="text-amber-900 font-black text-xl mb-2 tracking-tight">Interview Prep Unavailable</h4>
-                              <p className="text-amber-800/80 text-sm font-medium max-w-sm mx-auto leading-relaxed">
-                                We couldn't generate your preparation plan this time, but your tailored resume is ready!
-                              </p>
-                            </motion.div>
-                          )}
-                        </div>
-                      )}
-                    </motion.div>
-                  )}
-                </AnimatePresence>
-              </div>
-            </div>
-          </motion.div>
-
-          {/* Sidebar / Info Area */}
-          <motion.div
-            initial={{ opacity: 0, x: 20 }}
-            animate={{ opacity: 1, x: 0 }}
-            transition={{ delay: 0.2 }}
-            className="space-y-6"
-          >
-            <div className="bg-indigo-600 rounded-[2rem] p-8 text-white shadow-xl shadow-indigo-100">
-              <h3 className="text-xl font-bold mb-4 flex items-center gap-2">
-                <Info className="w-5 h-5" /> Quick Tips
-              </h3>
-              <ul className="space-y-4 text-indigo-50 leading-relaxed text-sm font-medium">
-                <li className="flex gap-3">
-                  <div className="w-5 h-5 rounded-full bg-white/20 flex items-center justify-center text-xs shrink-0">1</div>
-                  Use a real GitHub username for better project analysis.
-                </li>
-                <li className="flex gap-3">
-                  <div className="w-5 h-5 rounded-full bg-white/20 flex items-center justify-center text-xs shrink-0">2</div>
-                  LinkedIn ZIP export provides the most accurate professional history.
-                </li>
-                <li className="flex gap-3">
-                  <div className="w-5 h-5 rounded-full bg-white/20 flex items-center justify-center text-xs shrink-0">3</div>
-                  Include the "Benefits" and "Company Mission" in the JD for context.
-                </li>
-              </ul>
-            </div>
-
-            <div className="bg-white rounded-[2rem] p-8 border border-slate-100 shadow-lg">
-              <h3 className="text-lg font-bold text-slate-800 mb-2">Security Note</h3>
-              <p className="text-slate-500 text-sm leading-relaxed font-medium">
-                We don't store your LinkedIn ZIP or GitHub history. Data is processed in real-time and deleted immediately after resume generation.
-              </p>
-            </div>
-          </motion.div>
-        </div>
-
-        <p className="mt-16 text-center text-sm font-bold text-slate-400 uppercase tracking-widest flex items-center justify-center gap-2">
-          Powered by <span className="text-slate-600">Google Gemini</span> &bull; Built for <span className="text-indigo-600">The Future of Work</span>
+        <h1 className="text-5xl font-black tracking-tight text-slate-900 sm:text-6xl mb-4">
+          Mployable<span className="text-indigo-600">.</span>
+        </h1>
+        <p className="max-w-xl mx-auto text-xl text-slate-500 font-medium">
+          AI-powered resume tailoring that actually works. Leverage your GitHub & LinkedIn to match any job description.
         </p>
-      </div>
-
-      {/* Modern Loading Overlay */}
-      <AnimatePresence>
-        {isPending && (
-          <motion.div
-            initial={{ opacity: 0 }}
-            animate={{ opacity: 1 }}
-            exit={{ opacity: 0 }}
-            className="fixed inset-0 bg-slate-900/40 backdrop-blur-xl z-50 flex items-center justify-center p-4"
-          >
-            <motion.div
-              initial={{ scale: 0.9, opacity: 0, y: 20 }}
-              animate={{ scale: 1, opacity: 1, y: 0 }}
-              className="bg-white p-10 rounded-[3rem] shadow-[0_32px_64px_-12px_rgba(0,0,0,0.2)] max-w-sm w-full text-center"
-            >
-              <div className="relative w-32 h-32 mx-auto mb-8">
-                <motion.div
-                  className="absolute inset-0 rounded-full border-[6px] border-indigo-50"
-                  animate={{ scale: [1, 1.1, 1] }}
-                  transition={{ duration: 3, repeat: Infinity }}
-                />
-                <motion.div
-                  className="absolute inset-0 rounded-full border-t-[6px] border-indigo-600"
-                  animate={{ rotate: 360 }}
-                  transition={{ duration: 1.5, repeat: Infinity, ease: "linear" }}
-                />
-                <div className="absolute inset-0 flex items-center justify-center text-indigo-600">
-                  <motion.div
-                     animate={{ y: [-4, 4, -4] }}
-                     transition={{ duration: 2, repeat: Infinity }}
-                  >
-                    <Rocket className="w-14 h-14" />
-                  </motion.div>
-                </div>
-              </div>
-              <h3 className="text-2xl font-black text-slate-900 mb-3">Forging Success</h3>
-              <AnimatePresence mode="wait">
-                <motion.p 
-                  key={loadingStep}
-                  initial={{ opacity: 0, y: 5 }}
-                  animate={{ opacity: 1, y: 0 }}
-                  exit={{ opacity: 0, y: -5 }}
-                  className="text-slate-500 font-medium mb-8 h-12 flex items-center justify-center leading-relaxed"
-                >
-                  {loadingMessages[loadingStep]}
-                </motion.p>
-              </AnimatePresence>
-              
-              <div className="grid grid-cols-1 gap-4">
-                 <LoadingProgress label="Scanning Tech Stack" progress={35} />
-                 <LoadingProgress label="Analyzing Professional Impact" progress={65} />
-                 <LoadingProgress label="Generating LaTeX Assets" progress={90} />
-              </div>
-            </motion.div>
-          </motion.div>
-        )}
-      </AnimatePresence>
+      </motion.div>
+      
+      <ResumeForm />
+      
+      <p className="mt-16 text-center text-sm font-bold text-slate-400 uppercase tracking-widest flex items-center justify-center gap-2">
+        Powered by <span className="text-slate-600">Google Gemini</span> &bull; Built for <span className="text-indigo-600">The Future of Work</span>
+      </p>
     </div>
-  )
+  );
 }
 
-function InterviewPrepPlan({ data }: { data: NonNullable<ActionState['interviewPrep']> }) {
-  const [copied, setCopied] = useState(false)
-
-  // Defensive values
-  const tips = Array.isArray(data?.tips) ? data.tips : []
-  const techQs = Array.isArray(data?.technical_questions) ? data.technical_questions : []
-  const behavioralQs = Array.isArray(data?.behavioral_questions) ? data.behavioral_questions : []
-  const situationalQs = Array.isArray(data?.situational_questions) ? data.situational_questions : []
-  const winningStrategy = data?.winning_strategy || 'Be prepared and stay confident.'
-
-  const copyToClipboard = () => {
-    try {
-      const text = `
-INTERVIEW PREP PLAN
--------------------
-WINNING STRATEGY:
-${winningStrategy}
-
-PREP TIPS:
-${tips.map(t => `- ${t}`).join('\n')}
-
-TECHNICAL QUESTIONS:
-${techQs.map((q, i) => `${i+1}. ${q?.question}\n   Context: ${q?.context}`).join('\n\n')}
-
-BEHAVIORAL QUESTIONS:
-${behavioralQs.map((q, i) => `${i+1}. ${q?.question}\n   Context: ${q?.context}`).join('\n\n')}
-`.trim()
-
-      navigator.clipboard.writeText(text)
-      setCopied(true)
-      setTimeout(() => setCopied(false), 2000)
-    } catch (err) {
-      console.error('Failed to copy text:', err)
-    }
-  }
-
+function App() {
   return (
-    <motion.div
-      initial={{ opacity: 0, y: 20 }}
-      animate={{ opacity: 1, y: 0 }}
-      transition={{ delay: 0.3 }}
-      className="mt-8 space-y-6"
-    >
-      <div className="bg-white rounded-[2rem] border border-slate-100 shadow-xl overflow-hidden">
-        <div className="bg-slate-900 p-6 text-white flex items-center justify-between">
-          <div className="flex items-center gap-3">
-            <Trophy className="w-6 h-6 text-indigo-400" />
-            <h3 className="text-xl font-black tracking-tight text-white mb-0">Interview Game Plan</h3>
-          </div>
-          <button 
-            type="button"
-            onClick={copyToClipboard}
-            className="flex items-center gap-2 bg-white/10 hover:bg-white/20 px-4 py-2 rounded-xl transition-all text-sm font-bold border border-white/10"
-          >
-            {copied ? (
-              <><Check className="w-4 h-4 text-emerald-400" /> Copied!</>
-            ) : (
-              <><Copy className="w-4 h-4" /> Copy Plan</>
-            )}
-          </button>
-        </div>
-        
-        <div className="p-8 space-y-10">
-          {/* Winning Strategy */}
-          <div className="relative group">
-            <div className="absolute -inset-4 bg-indigo-50/50 rounded-[2rem] -z-10 group-hover:bg-indigo-50 transition-colors" />
-            <h4 className="text-indigo-900 font-bold mb-3 flex items-center gap-2 text-lg">
-              <Lightbulb className="w-6 h-6 text-indigo-600" /> Winning Strategy
-            </h4>
-            <p className="text-indigo-800 text-sm leading-relaxed font-semibold italic">
-              "{winningStrategy}"
-            </p>
-          </div>
-
-          <div className="grid grid-cols-1 md:grid-cols-2 gap-8">
-            {/* Tips Section */}
-            <div className="space-y-4">
-              <h4 className="text-slate-900 font-black text-sm uppercase tracking-widest flex items-center gap-2">
-                <CheckCircle2 className="w-4 h-4 text-indigo-600" /> Actionable Tips
-              </h4>
-              <div className="space-y-3">
-                {tips.length > 0 ? tips.map((tip, i) => (
-                  <motion.div 
-                    key={i} 
-                    initial={{ opacity: 0, x: -10 }}
-                    animate={{ opacity: 1, x: 0 }}
-                    transition={{ delay: i * 0.1 }}
-                    className="flex gap-3 p-4 rounded-2xl bg-slate-50 border border-slate-100 items-start hover:border-indigo-100 transition-colors"
-                  >
-                    <div className="mt-1 w-1.5 h-1.5 rounded-full bg-indigo-600 shrink-0" />
-                    <p className="text-sm text-slate-700 font-medium leading-relaxed">{tip}</p>
-                  </motion.div>
-                )) : <p className="text-xs text-slate-400 italic">No specific tips generated.</p>}
-              </div>
-            </div>
-
-            {/* Quick Stats or Info */}
-            <div className="bg-slate-900 rounded-3xl p-6 text-white flex flex-col justify-center relative overflow-hidden">
-               <div className="absolute top-0 right-0 p-8 opacity-10">
-                  <Brain className="w-24 h-24" />
-               </div>
-               <p className="text-indigo-400 font-bold text-xs uppercase tracking-tighter mb-4">Preparation Scope</p>
-               <div className="space-y-4 relative z-10">
-                  <div className="flex items-center justify-between">
-                    <span className="text-slate-400 text-xs font-medium">Technical Depth</span>
-                    <span className="text-white font-bold text-xs uppercase bg-indigo-600 px-2 py-0.5 rounded">High</span>
-                  </div>
-                  <div className="flex items-center justify-between">
-                    <span className="text-slate-400 text-xs font-medium">Behavioral Focus</span>
-                    <span className="text-white font-bold text-xs uppercase bg-indigo-600 px-2 py-0.5 rounded">Strategic</span>
-                  </div>
-                  <div className="flex items-center justify-between">
-                    <span className="text-slate-400 text-xs font-medium">Complexity</span>
-                    <span className="text-white font-bold text-xs uppercase bg-indigo-600 px-2 py-0.5 rounded">Level 4</span>
-                  </div>
-               </div>
-            </div>
-          </div>
-
-          {/* Questions Sections */}
-          <div className="space-y-8 pt-4 border-t border-slate-100">
-            {techQs.length > 0 && (
-              <PrepSection 
-                title="Technical Excellence" 
-                subtitle="Skills & Implementations"
-                icon={<Brain className="w-5 h-5 text-indigo-600" />} 
-                questions={techQs}
+    <AuthProvider>
+      <BrowserRouter>
+        <div className="min-h-screen bg-[#fafafa] text-slate-900 selection:bg-indigo-100 selection:text-indigo-700">
+          <Navbar />
+          <main className="py-12 px-4 sm:px-6 lg:px-8">
+            <Routes>
+              <Route path="/" element={<Home />} />
+              <Route path="/login" element={<LoginForm />} />
+              <Route path="/register" element={<RegisterForm />} />
+              <Route 
+                path="/dashboard" 
+                element={
+                  <ProtectedRoute>
+                    <Dashboard />
+                  </ProtectedRoute>
+                } 
               />
-            )}
-            
-            {behavioralQs.length > 0 && (
-              <PrepSection 
-                title="Behavioral Alignment" 
-                subtitle="Culture & Soft Skills"
-                icon={<MessageSquare className="w-5 h-5 text-indigo-600" />} 
-                questions={behavioralQs}
-              />
-            )}
-
-            {situationalQs.length > 0 && (
-              <PrepSection 
-                title="Situational Awareness" 
-                subtitle="Scenario Based Challenges"
-                icon={<Rocket className="w-5 h-5 text-indigo-600" />} 
-                questions={situationalQs}
-              />
-            )}
-          </div>
-        </div>
-      </div>
-    </motion.div>
-  )
-}
-
-function PrepSection({ title, subtitle, icon, questions }: { title: string; subtitle: string; icon: React.ReactNode; questions: { question: string; context: string }[] }) {
-  return (
-    <div className="space-y-4">
-      <div className="flex items-center gap-3 mb-2">
-        <div className="p-2.5 rounded-xl bg-indigo-50 border border-indigo-100">
-          {icon}
+              <Route path="*" element={<Navigate to="/" />} />
+            </Routes>
+          </main>
         </div>
-        <div>
-          <h4 className="text-slate-900 font-black text-base leading-none mb-1 tracking-tight">{title}</h4>
-          <p className="text-[10px] font-bold text-slate-400 uppercase tracking-[0.2em]">{subtitle}</p>
-        </div>
-      </div>
-      <div className="grid grid-cols-1 gap-3">
-        {questions.map((q, i) => (
-          <QuestionCard key={i} question={q.question} context={q.context} index={i} />
-        ))}
-      </div>
-    </div>
-  )
-}
-
-function LoadingProgress({ label, progress }: { label: string; progress: number }) {
-  return (
-    <div className="space-y-1.5 text-left">
-      <div className="flex justify-between text-[10px] font-bold text-slate-400 uppercase tracking-tighter">
-        <span>{label}</span>
-        <span>{progress}%</span>
-      </div>
-      <div className="h-1.5 w-full bg-slate-100 rounded-full overflow-hidden">
-        <motion.div 
-          className="h-full bg-indigo-600"
-          initial={{ width: 0 }}
-          animate={{ width: `${progress}%` }}
-          transition={{ duration: 2, repeat: Infinity, repeatType: "reverse" }}
-        />
-      </div>
-    </div>
-  )
+      </BrowserRouter>
+    </AuthProvider>
+  );
 }
 
-export default App
+export default App;
 
diff --git a/frontend/src/components/Dashboard.tsx b/frontend/src/components/Dashboard.tsx
new file mode 100644
index 0000000..ed6c0ba
--- /dev/null
+++ b/frontend/src/components/Dashboard.tsx
@@ -0,0 +1,318 @@
+import { useState, useEffect } from 'react';
+import { useAuth } from '../context/AuthContext';
+import { FileText, Briefcase, Calendar, Download, Loader2, AlertCircle, Trash2, History, ExternalLink, Eye, X } from 'lucide-react';
+import axios from 'axios';
+import { motion, AnimatePresence } from 'framer-motion';
+
+const API_BASE_URL = import.meta.env.VITE_API_URL || 'http://localhost:5001';
+
+interface Resume {
+  id: string;
+  job_title: string;
+  github_username: string;
+  created_at: string;
+  is_archived: boolean;
+}
+
+interface Application {
+  id: string;
+  job_title: string;
+  company: string;
+  status: string;
+  applied_date: string;
+}
+
+export default function Dashboard() {
+  const { user } = useAuth();
+  const [resumes, setResumes] = useState<Resume[]>([]);
+  const [applications, setApplications] = useState<Application[]>([]);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState('');
+  const [activeTab, setActiveTab] = useState<'resumes' | 'applications'>('resumes');
+  const [previewResumeId, setPreviewResumeId] = useState<string | null>(null);
+  const [previewUrl, setPreviewUrl] = useState<string | null>(null);
+
+  const handleDownload = async (resumeId: string, jobTitle: string) => {
+    try {
+      const response = await axios.get(`${API_BASE_URL}/api/v1/user/resumes/download/${resumeId}`, {
+        responseType: 'blob'
+      });
+      
+      const blob = new Blob([response.data], { type: 'application/pdf' });
+      const url = window.URL.createObjectURL(blob);
+      const link = document.createElement('a');
+      link.href = url;
+      link.setAttribute('download', `resume_${jobTitle.replace(/\s+/g, '_')}.pdf`);
+      document.body.appendChild(link);
+      link.click();
+      link.parentNode?.removeChild(link);
+      window.URL.revokeObjectURL(url);
+    } catch (err: any) {
+      console.error('Download error:', err);
+      alert('Failed to download resume. Please try again.');
+    }
+  };
+
+  const handlePreview = async (resumeId: string) => {
+    try {
+        setPreviewResumeId(resumeId);
+        const response = await axios.get(`${API_BASE_URL}/api/v1/user/resumes/preview/${resumeId}`, {
+          responseType: 'blob'
+        });
+        
+        const blob = new Blob([response.data], { type: 'application/pdf' });
+        const url = window.URL.createObjectURL(blob);
+        setPreviewUrl(url);
+    } catch (err: any) {
+        console.error('Preview error:', err);
+        alert('Failed to load preview. Please try again.');
+        setPreviewResumeId(null);
+    }
+  };
+
+  const closePreview = () => {
+    if (previewUrl) {
+        window.URL.revokeObjectURL(previewUrl);
+    }
+    setPreviewUrl(null);
+    setPreviewResumeId(null);
+  };
+
+  useEffect(() => {
+    const fetchData = async () => {
+      if (!user?.id) return;
+      
+      setLoading(true);
+      try {
+        const [resumesRes, appsRes] = await Promise.all([
+          axios.get(`${API_BASE_URL}/api/v1/user/resumes/${user.id}`),
+          axios.get(`${API_BASE_URL}/api/v1/user/applications/${user.id}`)
+        ]);
+        
+        setResumes(resumesRes.data);
+        setApplications(appsRes.data);
+      } catch (err: any) {
+        setError('Failed to load dashboard data. Please try again later.');
+        console.error('Dashboard fetch error:', err);
+      } finally {
+        setLoading(false);
+      }
+    };
+
+    fetchData();
+  }, [user?.id]);
+
+  if (loading) {
+    return (
+      <div className="flex flex-col items-center justify-center min-h-[60vh] gap-4">
+        <Loader2 className="w-12 h-12 text-indigo-500 animate-spin" />
+        <p className="text-slate-400 animate-pulse">Loading your career overview...</p>
+      </div>
+    );
+  }
+
+  return (
+    <div className="max-w-7xl mx-auto px-6 py-12">
+      <header className="mb-12">
+        <h1 className="text-4xl font-bold text-white mb-2">Welcome, {user?.username}</h1>
+        <p className="text-slate-400 text-lg">Manage your tailored resumes and track your job applications</p>
+      </header>
+
+      {error && (
+        <div className="mb-8 p-4 bg-red-500/10 border border-red-500/20 rounded-xl flex items-center gap-3 text-red-400">
+          <AlertCircle className="w-5 h-5 flex-shrink-0" />
+          <p>{error}</p>
+        </div>
+      )}
+
+      {/* Stats Summary */}
+      <div className="grid grid-cols-1 md:grid-cols-3 gap-6 mb-12">
+        <div className="bg-slate-900 border border-slate-800 p-6 rounded-2xl">
+          <div className="flex items-center gap-4 mb-2 text-indigo-400">
+            <FileText className="w-5 h-5" />
+            <span className="font-semibold uppercase text-xs tracking-wider">Total Resumes</span>
+          </div>
+          <p className="text-3xl font-bold text-white">{resumes.length}</p>
+        </div>
+        <div className="bg-slate-900 border border-slate-800 p-6 rounded-2xl">
+          <div className="flex items-center gap-4 mb-2 text-emerald-400">
+            <Briefcase className="w-5 h-5" />
+            <span className="font-semibold uppercase text-xs tracking-wider">Applications</span>
+          </div>
+          <p className="text-3xl font-bold text-white">{applications.length}</p>
+        </div>
+        <div className="bg-slate-900 border border-slate-800 p-6 rounded-2xl text-slate-500 flex flex-col justify-center">
+            <p className="text-sm">Keep applying to increase your chances!</p>
+        </div>
+      </div>
+
+      {/* Tabs */}
+      <div className="flex gap-4 mb-8">
+        <button
+          onClick={() => setActiveTab('resumes')}
+          className={`flex items-center gap-2 px-6 py-3 rounded-xl font-medium transition-all ${
+            activeTab === 'resumes' 
+              ? 'bg-indigo-600 text-white shadow-lg shadow-indigo-500/20' 
+              : 'text-slate-400 hover:text-white hover:bg-slate-800'
+          }`}
+        >
+          <FileText className="w-5 h-5" />
+          Resumes
+        </button>
+        <button
+          onClick={() => setActiveTab('applications')}
+          className={`flex items-center gap-2 px-6 py-3 rounded-xl font-medium transition-all ${
+            activeTab === 'applications' 
+              ? 'bg-indigo-600 text-white shadow-lg shadow-indigo-500/20' 
+              : 'text-slate-400 hover:text-white hover:bg-slate-800'
+          }`}
+        >
+          <Briefcase className="w-5 h-5" />
+          Applications
+        </button>
+      </div>
+
+      {/* Content */}
+      <motion.div
+        key={activeTab}
+        initial={{ opacity: 0, y: 10 }}
+        animate={{ opacity: 1, y: 0 }}
+        className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6"
+      >
+        {activeTab === 'resumes' ? (
+          resumes.length > 0 ? (
+            resumes.map(resume => (
+              <div key={resume.id} className="bg-slate-900 border border-slate-800 rounded-2xl p-6 hover:border-indigo-500/50 transition-all group">
+                <div className="flex justify-between items-start mb-4">
+                  <div className="bg-indigo-500/10 p-3 rounded-xl text-indigo-400">
+                    <History className="w-6 h-6" />
+                  </div>
+                  <span className="text-[10px] text-slate-500 uppercase tracking-widest font-bold">
+                    {new Date(resume.created_at).toLocaleDateString()}
+                  </span>
+                </div>
+                <h3 className="text-lg font-bold text-white mb-1 group-hover:text-indigo-400 transition-colors">
+                  {resume.job_title || 'Tailored Resume'}
+                </h3>
+                <p className="text-slate-500 text-sm mb-6 flex items-center gap-2">
+                  <ExternalLink className="w-3 h-3" />
+                  GitHub: {resume.github_username}
+                </p>
+                <div className="flex gap-2">
+                  <button 
+                    onClick={() => handlePreview(resume.id)}
+                    className="flex-1 bg-indigo-600 hover:bg-indigo-500 text-white py-2 rounded-lg text-sm font-medium transition-colors flex items-center justify-center gap-2"
+                  >
+                    {previewResumeId === resume.id && !previewUrl ? (
+                        <Loader2 className="w-4 h-4 animate-spin" />
+                    ) : (
+                        <Eye className="w-4 h-4" />
+                    )}
+                    Preview
+                  </button>
+                  <button 
+                    onClick={() => handleDownload(resume.id, resume.job_title)}
+                    className="p-2 bg-slate-800 hover:bg-slate-700 text-slate-300 rounded-lg transition-colors border border-slate-700"
+                    title="Download PDF"
+                  >
+                    <Download className="w-4 h-4" />
+                  </button>
+                  <button className="p-2 border border-slate-800 hover:border-red-500/50 text-slate-500 hover:text-red-500 rounded-lg transition-colors">
+                    <Trash2 className="w-4 h-4" />
+                  </button>
+                </div>
+              </div>
+            ))
+          ) : (
+            <div className="col-span-full py-20 text-center border-2 border-dashed border-slate-800 rounded-3xl">
+              <FileText className="w-12 h-12 text-slate-700 mx-auto mb-4" />
+              <h3 className="text-xl font-semibold text-slate-400">No resumes yet</h3>
+              <p className="text-slate-600 mt-2">Generate your first tailored resume using the home page!</p>
+            </div>
+          )
+        ) : (
+          applications.length > 0 ? (
+            applications.map(app => (
+              <div key={app.id} className="bg-slate-900 border border-slate-800 rounded-2xl p-6">
+                <div className="flex justify-between items-start mb-4">
+                  <div className="bg-emerald-500/10 p-3 rounded-xl text-emerald-400">
+                    <Briefcase className="w-6 h-6" />
+                  </div>
+                  <span className={`px-3 py-1 rounded-full text-xs font-bold uppercase tracking-widest ${
+                    app.status === 'Applied' ? 'bg-indigo-500/10 text-indigo-400' :
+                    app.status === 'Interviewing' ? 'bg-amber-500/10 text-amber-400' :
+                    'bg-emerald-500/10 text-emerald-400'
+                  }`}>
+                    {app.status}
+                  </span>
+                </div>
+                <h3 className="text-lg font-bold text-white mb-1">{app.job_title}</h3>
+                <p className="text-indigo-400 text-sm mb-4 font-medium">{app.company}</p>
+                <div className="flex items-center gap-2 text-slate-500 text-sm">
+                  <Calendar className="w-4 h-4" />
+                  Applied on {new Date(app.applied_date).toLocaleDateString()}
+                </div>
+              </div>
+            ))
+          ) : (
+            <div className="col-span-full py-20 text-center border-2 border-dashed border-slate-800 rounded-3xl">
+              <Briefcase className="w-12 h-12 text-slate-700 mx-auto mb-4" />
+              <h3 className="text-xl font-semibold text-slate-400">No applications tracked</h3>
+              <p className="text-slate-600 mt-2">Keep track of your job search progress here.</p>
+            </div>
+          )
+        )}
+      </motion.div>
+
+      {/* Preview Modal */}
+      <AnimatePresence>
+        {previewUrl && (
+          <div className="fixed inset-0 z-50 flex items-center justify-center p-4 bg-black/80 backdrop-blur-sm">
+            <motion.div 
+              initial={{ opacity: 0, scale: 0.9 }}
+              animate={{ opacity: 1, scale: 1 }}
+              exit={{ opacity: 0, scale: 0.9 }}
+              className="relative w-full max-w-5xl h-[90vh] bg-slate-900 rounded-2xl overflow-hidden flex flex-col pt-12"
+            >
+              <button 
+                onClick={closePreview}
+                className="absolute top-4 right-4 p-2 bg-slate-800 hover:bg-slate-700 text-white rounded-xl transition-colors z-10"
+              >
+                <X className="w-6 h-6" />
+              </button>
+              
+              <div className="flex-1 w-full bg-white">
+                <iframe 
+                  src={previewUrl} 
+                  className="w-full h-full border-none"
+                  title="Resume Preview"
+                />
+              </div>
+              
+              <div className="p-4 bg-slate-900 border-t border-slate-800 flex justify-end gap-3">
+                <button 
+                    onClick={() => {
+                        const link = document.createElement('a');
+                        link.href = previewUrl;
+                        link.setAttribute('download', 'tailored_resume.pdf');
+                        link.click();
+                    }}
+                    className="flex items-center gap-2 bg-indigo-600 hover:bg-indigo-500 text-white px-6 py-2 rounded-xl font-medium transition-all"
+                >
+                    <Download className="w-4 h-4" />
+                    Download PDF
+                </button>
+                <button 
+                    onClick={closePreview}
+                    className="px-6 py-2 bg-slate-800 hover:bg-slate-700 text-white rounded-xl font-medium transition-all"
+                >
+                    Close
+                </button>
+              </div>
+            </motion.div>
+          </div>
+        )}
+      </AnimatePresence>
+    </div>
+  );
+}
diff --git a/frontend/src/components/InterviewPrepPlan.tsx b/frontend/src/components/InterviewPrepPlan.tsx
new file mode 100644
index 0000000..1c4cc43
--- /dev/null
+++ b/frontend/src/components/InterviewPrepPlan.tsx
@@ -0,0 +1,183 @@
+import { useState } from 'react';
+import { motion } from 'framer-motion';
+import { Trophy, Check, Copy, Lightbulb, CheckCircle2, Brain, MessageSquare, Rocket } from 'lucide-react';
+import QuestionCard from './QuestionCard';
+
+interface InterviewPrepData {
+  tips: string[];
+  technical_questions: { question: string; context: string }[];
+  behavioral_questions: { question: string; context: string }[];
+  situational_questions: { question: string; context: string }[];
+  winning_strategy: string;
+}
+
+export default function InterviewPrepPlan({ data }: { data: InterviewPrepData }) {
+  const [copied, setCopied] = useState(false);
+
+  // Defensive values
+  const tips = Array.isArray(data?.tips) ? data.tips : [];
+  const techQs = Array.isArray(data?.technical_questions) ? data.technical_questions : [];
+  const behavioralQs = Array.isArray(data?.behavioral_questions) ? data.behavioral_questions : [];
+  const situationalQs = Array.isArray(data?.situational_questions) ? data.situational_questions : [];
+  const winningStrategy = data?.winning_strategy || 'Be prepared and stay confident.';
+
+  const copyToClipboard = () => {
+    try {
+      const text = `
+INTERVIEW PREP PLAN
+-------------------
+WINNING STRATEGY:
+${winningStrategy}
+
+PREP TIPS:
+${tips.map(t => `- ${t}`).join('\n')}
+
+TECHNICAL QUESTIONS:
+${techQs.map((q, i) => `${i+1}. ${q?.question}\n   Context: ${q?.context}`).join('\n\n')}
+
+BEHAVIORAL QUESTIONS:
+${behavioralQs.map((q, i) => `${i+1}. ${q?.question}\n   Context: ${q?.context}`).join('\n\n')}
+`.trim();
+
+      navigator.clipboard.writeText(text);
+      setCopied(true);
+      setTimeout(() => setCopied(false), 2000);
+    } catch (err) {
+      console.error('Failed to copy text:', err);
+    }
+  };
+
+  return (
+    <motion.div
+      initial={{ opacity: 0, y: 20 }}
+      animate={{ opacity: 1, y: 0 }}
+      transition={{ delay: 0.3 }}
+      className="mt-8 space-y-6"
+    >
+      <div className="bg-white rounded-[2rem] border border-slate-100 shadow-xl overflow-hidden">
+        <div className="bg-slate-900 p-6 text-white flex items-center justify-between">
+          <div className="flex items-center gap-3">
+            <Trophy className="w-6 h-6 text-indigo-400" />
+            <h3 className="text-xl font-black tracking-tight text-white mb-0">Interview Game Plan</h3>
+          </div>
+          <button 
+            type="button"
+            onClick={copyToClipboard}
+            className="flex items-center gap-2 bg-white/10 hover:bg-white/20 px-4 py-2 rounded-xl transition-all text-sm font-bold border border-white/10"
+          >
+            {copied ? (
+              <><Check className="w-4 h-4 text-emerald-400" /> Copied!</>
+            ) : (
+              <><Copy className="w-4 h-4" /> Copy Plan</>
+            )}
+          </button>
+        </div>
+        
+        <div className="p-8 space-y-10">
+          <div className="relative group">
+            <div className="absolute -inset-4 bg-indigo-50/50 rounded-[2rem] -z-10 group-hover:bg-indigo-50 transition-colors" />
+            <h4 className="text-indigo-900 font-bold mb-3 flex items-center gap-2 text-lg">
+              <Lightbulb className="w-6 h-6 text-indigo-600" /> Winning Strategy
+            </h4>
+            <p className="text-indigo-800 text-sm leading-relaxed font-semibold italic">
+              "{winningStrategy}"
+            </p>
+          </div>
+
+          <div className="grid grid-cols-1 md:grid-cols-2 gap-8">
+            <div className="space-y-4">
+              <h4 className="text-slate-900 font-black text-sm uppercase tracking-widest flex items-center gap-2">
+                <CheckCircle2 className="w-4 h-4 text-indigo-600" /> Actionable Tips
+              </h4>
+              <div className="space-y-3">
+                {tips.length > 0 ? tips.map((tip, i) => (
+                  <motion.div 
+                    key={i} 
+                    initial={{ opacity: 0, x: -10 }}
+                    animate={{ opacity: 1, x: 0 }}
+                    transition={{ delay: i * 0.1 }}
+                    className="flex gap-3 p-4 rounded-2xl bg-slate-50 border border-slate-100 items-start hover:border-indigo-100 transition-colors"
+                  >
+                    <div className="mt-1 w-1.5 h-1.5 rounded-full bg-indigo-600 shrink-0" />
+                    <p className="text-sm text-slate-700 font-medium leading-relaxed">{tip}</p>
+                  </motion.div>
+                )) : <p className="text-xs text-slate-400 italic">No specific tips generated.</p>}
+              </div>
+            </div>
+
+            <div className="bg-slate-900 rounded-3xl p-6 text-white flex flex-col justify-center relative overflow-hidden">
+               <div className="absolute top-0 right-0 p-8 opacity-10">
+                  <Brain className="w-24 h-24" />
+               </div>
+               <p className="text-indigo-400 font-bold text-xs uppercase tracking-tighter mb-4">Preparation Scope</p>
+               <div className="space-y-4 relative z-10">
+                  <div className="flex items-center justify-between">
+                    <span className="text-slate-400 text-xs font-medium">Technical Depth</span>
+                    <span className="text-white font-bold text-xs uppercase bg-indigo-600 px-2 py-0.5 rounded">High</span>
+                  </div>
+                  <div className="flex items-center justify-between">
+                    <span className="text-slate-400 text-xs font-medium">Behavioral Focus</span>
+                    <span className="text-white font-bold text-xs uppercase bg-indigo-600 px-2 py-0.5 rounded">Strategic</span>
+                  </div>
+                  <div className="flex items-center justify-between">
+                    <span className="text-slate-400 text-xs font-medium">Complexity</span>
+                    <span className="text-white font-bold text-xs uppercase bg-indigo-600 px-2 py-0.5 rounded">Level 4</span>
+                  </div>
+               </div>
+            </div>
+          </div>
+
+          <div className="space-y-8 pt-4 border-t border-slate-100">
+            {techQs.length > 0 && (
+              <PrepSection 
+                title="Technical Excellence" 
+                subtitle="Skills & Implementations"
+                icon={<Brain className="w-5 h-5 text-indigo-600" />} 
+                questions={techQs}
+              />
+            )}
+            
+            {behavioralQs.length > 0 && (
+              <PrepSection 
+                title="Behavioral Alignment" 
+                subtitle="Culture & Soft Skills"
+                icon={<MessageSquare className="w-5 h-5 text-indigo-600" />} 
+                questions={behavioralQs}
+              />
+            )}
+
+            {situationalQs.length > 0 && (
+              <PrepSection 
+                title="Situational Awareness" 
+                subtitle="Scenario Based Challenges"
+                icon={<Rocket className="w-5 h-5 text-indigo-600" />} 
+                questions={situationalQs}
+              />
+            )}
+          </div>
+        </div>
+      </div>
+    </motion.div>
+  );
+}
+
+function PrepSection({ title, subtitle, icon, questions }: { title: string; subtitle: string; icon: React.ReactNode; questions: { question: string; context: string }[] }) {
+  return (
+    <div className="space-y-4">
+      <div className="flex items-center gap-3 mb-2">
+        <div className="p-2.5 rounded-xl bg-indigo-50 border border-indigo-100">
+          {icon}
+        </div>
+        <div>
+          <h4 className="text-slate-900 font-black text-base leading-none mb-1 tracking-tight">{title}</h4>
+          <p className="text-[10px] font-bold text-slate-400 uppercase tracking-[0.2em]">{subtitle}</p>
+        </div>
+      </div>
+      <div className="grid grid-cols-1 gap-3">
+        {questions.map((q, i) => (
+          <QuestionCard key={i} question={q.question} context={q.context} index={i} />
+        ))}
+      </div>
+    </div>
+  );
+}
diff --git a/frontend/src/components/LoadingProgress.tsx b/frontend/src/components/LoadingProgress.tsx
new file mode 100644
index 0000000..ed34669
--- /dev/null
+++ b/frontend/src/components/LoadingProgress.tsx
@@ -0,0 +1,20 @@
+import { motion } from 'framer-motion';
+
+export default function LoadingProgress({ label, progress }: { label: string; progress: number }) {
+  return (
+    <div className="space-y-1.5 text-left">
+      <div className="flex justify-between text-[10px] font-bold text-slate-400 uppercase tracking-tighter">
+        <span>{label}</span>
+        <span>{progress}%</span>
+      </div>
+      <div className="h-1.5 w-full bg-slate-100 rounded-full overflow-hidden border border-slate-200/50">
+        <motion.div 
+          className="h-full bg-indigo-600"
+          initial={{ width: 0 }}
+          animate={{ width: `${progress}%` }}
+          transition={{ duration: 2, repeat: Infinity, repeatType: "reverse" }}
+        />
+      </div>
+    </div>
+  );
+}
diff --git a/frontend/src/components/LoginForm.tsx b/frontend/src/components/LoginForm.tsx
new file mode 100644
index 0000000..e29b7bc
--- /dev/null
+++ b/frontend/src/components/LoginForm.tsx
@@ -0,0 +1,113 @@
+import { useState } from 'react';
+import { useNavigate, Link } from 'react-router-dom';
+import { useAuth } from '../context/AuthContext';
+import { Mail, Lock, Loader2, AlertCircle } from 'lucide-react';
+import axios from 'axios';
+import { motion } from 'framer-motion';
+
+const API_BASE_URL = import.meta.env.VITE_API_URL || 'http://localhost:5001';
+
+export default function LoginForm() {
+  const [username, setUsername] = useState('');
+  const [password, setPassword] = useState('');
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState('');
+  const { login } = useAuth();
+  const navigate = useNavigate();
+
+  const handleSubmit = async (e: React.FormEvent) => {
+    e.preventDefault();
+    setLoading(true);
+    setError('');
+
+    try {
+      const response = await axios.post(`${API_BASE_URL}/api/v1/auth/login`, {
+        username,
+        password
+      });
+      
+      login(response.data.user);
+      navigate('/dashboard');
+    } catch (err: any) {
+      setError(err.response?.data?.error || 'Login failed. Please check your credentials.');
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  return (
+    <div className="min-h-[80vh] flex items-center justify-center px-4">
+      <motion.div 
+        initial={{ opacity: 0, y: 20 }}
+        animate={{ opacity: 1, y: 0 }}
+        className="max-w-md w-full bg-slate-900 border border-slate-800 rounded-2xl p-8 shadow-xl"
+      >
+        <div className="text-center mb-8">
+          <h2 className="text-3xl font-bold text-white mb-2">Welcome Back</h2>
+          <p className="text-slate-400">Sign in to access your resumes and applications</p>
+        </div>
+
+        {error && (
+          <div className="mb-6 p-4 bg-red-500/10 border border-red-500/20 rounded-xl flex items-center gap-3 text-red-400 text-sm">
+            <AlertCircle className="w-5 h-5 flex-shrink-0" />
+            <p>{error}</p>
+          </div>
+        )}
+
+        <form onSubmit={handleSubmit} className="space-y-6">
+          <div className="space-y-2">
+            <label className="text-sm font-medium text-slate-300 ml-1">Username</label>
+            <div className="relative">
+              <Mail className="absolute left-4 top-1/2 -translate-y-1/2 w-5 h-5 text-slate-500" />
+              <input
+                type="text"
+                value={username}
+                onChange={(e) => setUsername(e.target.value)}
+                className="w-full bg-slate-800 border border-slate-700 rounded-xl py-3 pl-12 pr-4 text-white placeholder-slate-500 focus:outline-none focus:ring-2 focus:ring-indigo-500/50 transition-all"
+                placeholder="Your username"
+                required
+              />
+            </div>
+          </div>
+
+          <div className="space-y-2">
+            <label className="text-sm font-medium text-slate-300 ml-1">Password</label>
+            <div className="relative">
+              <Lock className="absolute left-4 top-1/2 -translate-y-1/2 w-5 h-5 text-slate-500" />
+              <input
+                type="password"
+                value={password}
+                onChange={(e) => setPassword(e.target.value)}
+                className="w-full bg-slate-800 border border-slate-700 rounded-xl py-3 pl-12 pr-4 text-white placeholder-slate-500 focus:outline-none focus:ring-2 focus:ring-indigo-500/50 transition-all"
+                placeholder="••••••••"
+                required
+              />
+            </div>
+          </div>
+
+          <button
+            type="submit"
+            disabled={loading}
+            className="w-full bg-indigo-600 hover:bg-indigo-500 disabled:opacity-50 disabled:cursor-not-allowed text-white font-semibold py-3 rounded-xl transition-all shadow-lg shadow-indigo-500/20 flex items-center justify-center gap-2"
+          >
+            {loading ? (
+              <>
+                <Loader2 className="w-5 h-5 animate-spin" />
+                Signing in...
+              </>
+            ) : (
+              'Sign In'
+            )}
+          </button>
+        </form>
+
+        <div className="mt-8 text-center text-slate-400 text-sm">
+          Don't have an account?{' '}
+          <Link to="/register" className="text-indigo-400 hover:text-indigo-300 font-medium transition-colors">
+            Create an account
+          </Link>
+        </div>
+      </motion.div>
+    </div>
+  );
+}
diff --git a/frontend/src/components/Navbar.tsx b/frontend/src/components/Navbar.tsx
new file mode 100644
index 0000000..7fb59cd
--- /dev/null
+++ b/frontend/src/components/Navbar.tsx
@@ -0,0 +1,58 @@
+import { Link } from 'react-router-dom';
+import { useAuth } from '../context/AuthContext';
+import { Rocket, LogIn, UserPlus, LogOut, LayoutDashboard } from 'lucide-react';
+
+export default function Navbar() {
+  const { user, logout, isAuthenticated } = useAuth();
+
+  return (
+    <nav className="bg-slate-900 border-b border-slate-800 px-6 py-4 flex items-center justify-between">
+      <Link to="/" className="flex items-center gap-2 group">
+        <div className="bg-indigo-600 p-2 rounded-lg group-hover:rotate-12 transition-transform">
+          <Rocket className="w-5 h-5 text-white" />
+        </div>
+        <span className="text-xl font-bold bg-gradient-to-r from-white to-slate-400 bg-clip-text text-transparent">
+          Mployable
+        </span>
+      </Link>
+
+      <div className="flex items-center gap-6">
+        {isAuthenticated ? (
+          <>
+            <Link to="/dashboard" className="flex items-center gap-2 text-slate-300 hover:text-white transition-colors">
+              <LayoutDashboard className="w-4 h-4" />
+              <span>Dashboard</span>
+            </Link>
+            <div className="flex items-center gap-4 pl-6 border-l border-slate-800">
+              <span className="text-sm text-slate-400">Hi, {user?.username}</span>
+              <button
+                onClick={logout}
+                className="flex items-center gap-2 text-sm font-medium text-slate-300 hover:text-red-400 transition-colors"
+              >
+                <LogOut className="w-4 h-4" />
+                Logout
+              </button>
+            </div>
+          </>
+        ) : (
+          <>
+            <Link 
+              to="/login" 
+              className="flex items-center gap-2 text-slate-300 hover:text-white transition-colors"
+            >
+              <LogIn className="w-4 h-4" />
+              <span>Login</span>
+            </Link>
+            <Link 
+              to="/register" 
+              className="bg-indigo-600 hover:bg-indigo-500 text-white px-4 py-2 rounded-lg text-sm font-medium flex items-center gap-2 transition-all"
+            >
+              <UserPlus className="w-4 h-4" />
+              <span>Get Started</span>
+            </Link>
+          </>
+        )}
+      </div>
+    </nav>
+  );
+}
diff --git a/frontend/src/components/QuestionCard.tsx b/frontend/src/components/QuestionCard.tsx
new file mode 100644
index 0000000..d0e4674
--- /dev/null
+++ b/frontend/src/components/QuestionCard.tsx
@@ -0,0 +1,61 @@
+import { useState } from 'react';
+import { motion, AnimatePresence } from 'framer-motion';
+import { Info, ChevronDown, ChevronUp } from 'lucide-react';
+
+export default function QuestionCard({ question, context, index }: { question: string; context: string; index: number }) {
+  const [isOpen, setIsOpen] = useState(false);
+
+  return (
+    <motion.div
+      initial={{ opacity: 0, y: 10 }}
+      animate={{ opacity: 1, y: 0 }}
+      transition={{ delay: index * 0.05 }}
+      className="group bg-white border border-slate-100 rounded-2xl overflow-hidden hover:border-indigo-200 hover:shadow-md transition-all cursor-pointer shadow-sm"
+      onClick={() => setIsOpen(!isOpen)}
+    >
+      <div className="p-4 flex items-start justify-between gap-4">
+        <div className="flex gap-4">
+          <span className="flex-shrink-0 w-6 h-6 rounded-full bg-slate-50 border border-slate-200 text-[10px] font-bold flex items-center justify-center text-slate-400 group-hover:text-indigo-600 group-hover:border-indigo-100 transition-colors">
+            {index + 1}
+          </span>
+          <p className="font-bold text-slate-800 text-sm leading-relaxed tracking-tight group-hover:text-slate-900 transition-colors">
+            {question}
+          </p>
+        </div>
+        <div className="flex-shrink-0 mt-1">
+          {isOpen ? (
+            <ChevronUp className="w-4 h-4 text-slate-400 group-hover:text-indigo-500 transition-colors" />
+          ) : (
+            <ChevronDown className="w-4 h-4 text-slate-400 group-hover:text-indigo-500 transition-colors" />
+          )}
+        </div>
+      </div>
+      
+      <AnimatePresence>
+        {isOpen && (
+          <motion.div
+            initial={{ height: 0, opacity: 0 }}
+            animate={{ height: 'auto', opacity: 1 }}
+            exit={{ height: 0, opacity: 0 }}
+            transition={{ duration: 0.2, ease: "easeInOut" }}
+            className="overflow-hidden"
+          >
+            <div className="px-12 pb-4 pt-1">
+              <div className="p-3 rounded-xl bg-slate-50 border border-slate-100 flex gap-3 shadow-sm">
+                <div className="bg-indigo-50 p-1.5 rounded-lg flex-shrink-0 h-fit mt-0.5">
+                  <Info className="w-3.5 h-3.5 text-indigo-600" />
+                </div>
+                <div>
+                  <p className="text-[10px] font-bold text-indigo-900 uppercase tracking-wider mb-1">Coach Context</p>
+                  <p className="text-sm text-slate-600 font-medium leading-relaxed italic">
+                    {context}
+                  </p>
+                </div>
+              </div>
+            </div>
+          </motion.div>
+        )}
+      </AnimatePresence>
+    </motion.div>
+  );
+}
diff --git a/frontend/src/components/RegisterForm.tsx b/frontend/src/components/RegisterForm.tsx
new file mode 100644
index 0000000..2fa5ab8
--- /dev/null
+++ b/frontend/src/components/RegisterForm.tsx
@@ -0,0 +1,173 @@
+import { useState } from 'react';
+import { useNavigate, Link } from 'react-router-dom';
+import { useAuth } from '../context/AuthContext';
+import { Mail, Lock, User, Loader2, AlertCircle, CheckCircle2 } from 'lucide-react';
+import axios from 'axios';
+import { motion } from 'framer-motion';
+
+const API_BASE_URL = import.meta.env.VITE_API_URL || 'http://localhost:5001';
+
+export default function RegisterForm() {
+  const [formData, setFormData] = useState({
+    email: '',
+    username: '',
+    password: '',
+    first_name: '',
+    last_name: ''
+  });
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState('');
+  const [success, setSuccess] = useState(false);
+  const navigate = useNavigate();
+
+  const handleSubmit = async (e: React.FormEvent) => {
+    e.preventDefault();
+    setLoading(true);
+    setError('');
+
+    try {
+      await axios.post(`${API_BASE_URL}/api/v1/auth/register`, formData);
+      setSuccess(true);
+      setTimeout(() => navigate('/login'), 2000);
+    } catch (err: any) {
+      setError(err.response?.data?.error || 'Registration failed. Please try again.');
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+    setFormData(prev => ({ ...prev, [e.target.name]: e.target.value }));
+  };
+
+  return (
+    <div className="min-h-[80vh] flex items-center justify-center px-4 py-12">
+      <motion.div 
+        initial={{ opacity: 0, scale: 0.95 }}
+        animate={{ opacity: 1, scale: 1 }}
+        className="max-w-xl w-full bg-slate-900 border border-slate-800 rounded-2xl p-8 shadow-xl"
+      >
+        <div className="text-center mb-8">
+          <h2 className="text-3xl font-bold text-white mb-2">Create Account</h2>
+          <p className="text-slate-400">Join Mployable to supercharge your job hunt</p>
+        </div>
+
+        {success ? (
+          <div className="text-center p-8">
+            <div className="bg-emerald-500/20 w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4">
+              <CheckCircle2 className="w-8 h-8 text-emerald-500" />
+            </div>
+            <h3 className="text-xl font-bold text-white mb-2">Registration Successful!</h3>
+            <p className="text-slate-400">Redirecting you to login...</p>
+          </div>
+        ) : (
+          <form onSubmit={handleSubmit} className="space-y-6">
+            {error && (
+              <div className="p-4 bg-red-500/10 border border-red-500/20 rounded-xl flex items-center gap-3 text-red-400 text-sm">
+                <AlertCircle className="w-5 h-5 flex-shrink-0" />
+                <p>{error}</p>
+              </div>
+            )}
+
+            <div className="grid grid-cols-2 gap-4">
+              <div className="space-y-2">
+                <label className="text-sm font-medium text-slate-300 ml-1">First Name</label>
+                <input
+                  name="first_name"
+                  type="text"
+                  value={formData.first_name}
+                  onChange={handleChange}
+                  className="w-full bg-slate-800 border border-slate-700 rounded-xl py-3 px-4 text-white placeholder-slate-500 focus:outline-none focus:ring-2 focus:ring-indigo-500/50 transition-all"
+                  placeholder="John"
+                />
+              </div>
+              <div className="space-y-2">
+                <label className="text-sm font-medium text-slate-300 ml-1">Last Name</label>
+                <input
+                  name="last_name"
+                  type="text"
+                  value={formData.last_name}
+                  onChange={handleChange}
+                  className="w-full bg-slate-800 border border-slate-700 rounded-xl py-3 px-4 text-white placeholder-slate-500 focus:outline-none focus:ring-2 focus:ring-indigo-500/50 transition-all"
+                  placeholder="Doe"
+                />
+              </div>
+            </div>
+
+            <div className="space-y-2">
+              <label className="text-sm font-medium text-slate-300 ml-1">Username</label>
+              <div className="relative">
+                <User className="absolute left-4 top-1/2 -translate-y-1/2 w-5 h-5 text-slate-500" />
+                <input
+                  name="username"
+                  type="text"
+                  value={formData.username}
+                  onChange={handleChange}
+                  className="w-full bg-slate-800 border border-slate-700 rounded-xl py-3 pl-12 pr-4 text-white placeholder-slate-500 focus:outline-none focus:ring-2 focus:ring-indigo-500/50 transition-all"
+                  placeholder="johndoe123"
+                  required
+                />
+              </div>
+            </div>
+
+            <div className="space-y-2">
+              <label className="text-sm font-medium text-slate-300 ml-1">Email</label>
+              <div className="relative">
+                <Mail className="absolute left-4 top-1/2 -translate-y-1/2 w-5 h-5 text-slate-500" />
+                <input
+                  name="email"
+                  type="email"
+                  value={formData.email}
+                  onChange={handleChange}
+                  className="w-full bg-slate-800 border border-slate-700 rounded-xl py-3 pl-12 pr-4 text-white placeholder-slate-500 focus:outline-none focus:ring-2 focus:ring-indigo-500/50 transition-all"
+                  placeholder="john@example.com"
+                  required
+                />
+              </div>
+            </div>
+
+            <div className="space-y-2">
+              <label className="text-sm font-medium text-slate-300 ml-1">Password</label>
+              <div className="relative">
+                <Lock className="absolute left-4 top-1/2 -translate-y-1/2 w-5 h-5 text-slate-500" />
+                <input
+                  name="password"
+                  type="password"
+                  value={formData.password}
+                  onChange={handleChange}
+                  className="w-full bg-slate-800 border border-slate-700 rounded-xl py-3 pl-12 pr-4 text-white placeholder-slate-500 focus:outline-none focus:ring-2 focus:ring-indigo-500/50 transition-all"
+                  placeholder="••••••••"
+                  required
+                />
+              </div>
+            </div>
+
+            <button
+              type="submit"
+              disabled={loading}
+              className="w-full bg-indigo-600 hover:bg-indigo-500 disabled:opacity-50 disabled:cursor-not-allowed text-white font-semibold py-3 rounded-xl transition-all shadow-lg shadow-indigo-500/20 flex items-center justify-center gap-2"
+            >
+              {loading ? (
+                <>
+                  <Loader2 className="w-5 h-5 animate-spin" />
+                  Creating account...
+                </>
+              ) : (
+                'Create Account'
+              )}
+            </button>
+          </form>
+        )}
+
+        {!success && (
+          <div className="mt-8 text-center text-slate-400 text-sm">
+            Already have an account?{' '}
+            <Link to="/login" className="text-indigo-400 hover:text-indigo-300 font-medium transition-colors">
+              Sign in
+            </Link>
+          </div>
+        )}
+      </motion.div>
+    </div>
+  );
+}
diff --git a/frontend/src/components/ResumeForm.tsx b/frontend/src/components/ResumeForm.tsx
new file mode 100644
index 0000000..c5dc14f
--- /dev/null
+++ b/frontend/src/components/ResumeForm.tsx
@@ -0,0 +1,345 @@
+import { useState, useActionState, useEffect } from 'react';
+import { Github, Linkedin, Briefcase, Download, Loader2, Rocket, AlertCircle, CheckCircle2, Info } from 'lucide-react';
+import { motion, AnimatePresence } from 'framer-motion';
+import axios from 'axios';
+import { useAuth } from '../context/AuthContext';
+import InterviewPrepPlan from './InterviewPrepPlan';
+import LoadingProgress from './LoadingProgress';
+
+const API_BASE_URL = import.meta.env.VITE_API_URL || 'http://localhost:5001';
+
+interface ActionState {
+  type: 'idle' | 'loading' | 'success' | 'error';
+  message: string;
+  downloadUrl?: string;
+  interviewPrep?: {
+    tips: string[];
+    technical_questions: { question: string; context: string }[];
+    behavioral_questions: { question: string; context: string }[];
+    situational_questions: { question: string; context: string }[];
+    winning_strategy: string;
+  };
+}
+
+async function generateResumeAction(prevState: ActionState, formData: FormData): Promise<ActionState> {
+  const github = formData.get('github_username') as string;
+  const linkedin = formData.get('linkedin_data') as File;
+  const jobDescription = formData.get('job_description') as string;
+
+  if (!github && (!linkedin || linkedin.size === 0)) {
+    return { type: 'error', message: 'Please provide at least one profile (GitHub username or LinkedIn Data Export)' };
+  }
+
+  if (!jobDescription) {
+    return { type: 'error', message: 'Please provide a job description' };
+  }
+
+  try {
+    let response;
+    try {
+      response = await axios.post(`${API_BASE_URL}/api/v1/generate-resume`, formData, {
+        responseType: 'blob',
+        headers: { 'Content-Type': 'multipart/form-data' },
+        timeout: 60000 
+      });
+    } catch (e: any) {
+      if (e.response?.status === 404) {
+        response = await axios.post(`${API_BASE_URL}/api/generate-resume`, formData, {
+          responseType: 'blob',
+          headers: { 'Content-Type': 'multipart/form-data' },
+          timeout: 60000
+        });
+      } else {
+        throw e;
+      }
+    }
+
+    const blob = new Blob([response.data], { type: 'application/pdf' });
+    const url = window.URL.createObjectURL(blob);
+    
+    // Open preview in new tab instead of force downloading
+    window.open(url, '_blank');
+    
+    let interviewPrep = null;
+    try {
+      let prepRes;
+      try {
+        prepRes = await axios.post(`${API_BASE_URL}/api/v1/interview-prep`, 
+          { job_description: jobDescription },
+          { timeout: 35000 }
+        );
+      } catch (e: any) {
+        if (!e.response || e.response.status === 404) {
+          prepRes = await axios.post(`${API_BASE_URL}/api/interview-prep`, 
+            { job_description: jobDescription },
+            { timeout: 35000 }
+          );
+        } else {
+          throw e;
+        }
+      }
+      interviewPrep = prepRes.data;
+    } catch (err: any) {
+      console.error('Interview prep fetch failed:', err.message || err);
+    }
+    
+    return { 
+      type: 'success', 
+      message: 'Resume generated! Your download should start automatically.',
+      downloadUrl: url,
+      interviewPrep
+    };
+  } catch (error: any) {
+    let errorMessage = 'Failed to generate resume. Please try again.';
+    if (error.response?.data instanceof Blob) {
+      const text = await error.response.data.text();
+      try {
+        const json = JSON.parse(text);
+        errorMessage = json.error || errorMessage;
+      } catch (e) {
+        errorMessage = text || errorMessage;
+      }
+    } else if (error.response?.data?.error) {
+      errorMessage = error.response.data.error;
+    }
+    return { type: 'error', message: errorMessage };
+  }
+}
+
+export default function ResumeForm() {
+  const { user } = useAuth();
+  const [state, formAction, isPending] = useActionState(generateResumeAction, {
+    type: 'idle',
+    message: '',
+  });
+
+  const [fileName, setFileName] = useState<string>('');
+  const [loadingStep, setLoadingStep] = useState(0);
+
+  useEffect(() => {
+    if (isPending) {
+      const interval = setInterval(() => {
+        setLoadingStep(s => (s + 1) % 4);
+      }, 3000);
+      return () => clearInterval(interval);
+    } else {
+      setLoadingStep(0);
+    }
+  }, [isPending]);
+
+  const loadingMessages = [
+    "Analyzing your technical DNA...",
+    "Matching professional path to job requirements...",
+    "Scanning project impact and metrics...",
+    "Preparing your personalized interview coach..."
+  ];
+
+  return (
+    <div className="max-w-4xl mx-auto">
+      <div className="grid grid-cols-1 lg:grid-cols-3 gap-8">
+        <motion.div 
+          initial={{ opacity: 0, x: -20 }}
+          animate={{ opacity: 1, x: 0 }}
+          transition={{ delay: 0.1 }}
+          className="lg:col-span-2 space-y-8"
+        >
+          <div className="bg-white rounded-[2rem] shadow-2xl overflow-hidden border border-slate-100">
+            <div className="p-8 sm:p-10">
+              <form action={formAction} className="space-y-8">
+                {/* Hidden field for user_id */}
+                {user?.id && <input type="hidden" name="user_id" value={user.id} />}
+
+                <div className="grid grid-cols-1 sm:grid-cols-2 gap-6">
+                  <div className="space-y-2">
+                    <label htmlFor="github_username" className="text-sm font-bold text-slate-800 flex items-center gap-2">
+                      <Github className="w-4 h-4 text-indigo-600" /> GitHub Profile
+                    </label>
+                    <input
+                      type="text"
+                      name="github_username"
+                      id="github_username"
+                      placeholder="e.g. torvalds"
+                      className="w-full px-5 py-4 rounded-2xl bg-slate-50 border border-slate-200 focus:ring-4 focus:ring-indigo-500/10 focus:border-indigo-500 transition-all outline-none font-medium"
+                    />
+                  </div>
+
+                  <div className="space-y-2">
+                    <label className="text-sm font-bold text-slate-800 flex items-center gap-2">
+                      <Linkedin className="w-4 h-4 text-indigo-600" /> LinkedIn Export
+                    </label>
+                    <div className="relative group">
+                      <input
+                        type="file"
+                        name="linkedin_data"
+                        accept=".zip"
+                        onChange={(e) => setFileName(e.target.files?.[0]?.name || '')}
+                        className="absolute inset-0 w-full h-full opacity-0 cursor-pointer z-10"
+                      />
+                      <div className="w-full px-5 py-4 rounded-2xl bg-slate-50 border border-slate-200 group-hover:border-indigo-300 transition-all flex items-center justify-between overflow-hidden">
+                        <span className={`text-sm truncate ${fileName ? 'text-indigo-600 font-bold' : 'text-slate-400'}`}>
+                          {fileName || 'Upload .zip export'}
+                        </span>
+                        <Download className="w-4 h-4 text-slate-400 shrink-0" />
+                      </div>
+                    </div>
+                  </div>
+                </div>
+
+                <div className="space-y-2">
+                  <label htmlFor="job_description" className="text-sm font-bold text-slate-800 flex items-center gap-2">
+                    <Briefcase className="w-4 h-4 text-indigo-600" /> Target Job Description
+                  </label>
+                  <textarea
+                    name="job_description"
+                    id="job_description"
+                    rows={8}
+                    placeholder="Paste the job requirements, responsibilities, and details here..."
+                    className="w-full px-5 py-4 rounded-2xl bg-slate-50 border border-slate-200 focus:ring-4 focus:ring-indigo-500/10 focus:border-indigo-500 transition-all outline-none font-medium resize-none"
+                  />
+                </div>
+
+                <button
+                  type="submit"
+                  disabled={isPending}
+                  className="w-full group relative flex items-center justify-center gap-3 py-5 px-8 rounded-2xl bg-slate-900 text-white font-bold text-xl hover:bg-indigo-600 transition-all duration-300 disabled:opacity-50 disabled:bg-slate-400 shadow-xl shadow-slate-200"
+                >
+                  {isPending ? (
+                    <>
+                      <Loader2 className="w-6 h-6 animate-spin" />
+                      Crafting Resume...
+                    </>
+                  ) : (
+                    <>
+                      <Rocket className="w-5 h-5 group-hover:translate-x-1 group-hover:-translate-y-1 transition-transform" />
+                      Generate Now
+                    </>
+                  )}
+                </button>
+              </form>
+
+              <AnimatePresence>
+                {state.type !== 'idle' && !isPending && (
+                  <motion.div
+                    initial={{ opacity: 0, y: 10 }}
+                    animate={{ opacity: 1, y: 0 }}
+                    exit={{ opacity: 0 }}
+                    className="mt-8"
+                  >
+                    <div className={`p-5 rounded-2xl flex items-start gap-4 ${
+                      state.type === 'success' ? 'bg-emerald-50 text-emerald-800 border border-emerald-100' :
+                      'bg-rose-50 text-rose-800 border border-rose-100'
+                    }`}>
+                      {state.type === 'success' ? (
+                        <CheckCircle2 className="w-6 h-6 mt-0.5 shrink-0 text-emerald-600" />
+                      ) : (
+                        <AlertCircle className="w-6 h-6 mt-0.5 shrink-0 text-rose-600" />
+                      )}
+                      <div>
+                        <p className="font-bold text-base mb-1">{state.type === 'success' ? 'Success!' : 'Oops!'}</p>
+                        <p className="text-sm opacity-90 leading-relaxed font-medium">{state.message}</p>
+                      </div>
+                    </div>
+
+                    {state.type === 'success' && state.interviewPrep && (
+                      <InterviewPrepPlan data={state.interviewPrep} />
+                    )}
+                  </motion.div>
+                )}
+              </AnimatePresence>
+            </div>
+          </div>
+        </motion.div>
+
+        <motion.div
+          initial={{ opacity: 0, x: 20 }}
+          animate={{ opacity: 1, x: 0 }}
+          transition={{ delay: 0.2 }}
+          className="space-y-6"
+        >
+          <div className="bg-indigo-600 rounded-[2rem] p-8 text-white shadow-xl shadow-indigo-100">
+            <h3 className="text-xl font-bold mb-4 flex items-center gap-2">
+              <Info className="w-5 h-5" /> Quick Tips
+            </h3>
+            <ul className="space-y-4 text-indigo-50 leading-relaxed text-sm font-medium">
+              <li className="flex gap-3">
+                <div className="w-5 h-5 rounded-full bg-white/20 flex items-center justify-center text-xs shrink-0">1</div>
+                Use a real GitHub username for better project analysis.
+              </li>
+              <li className="flex gap-3">
+                <div className="w-5 h-5 rounded-full bg-white/20 flex items-center justify-center text-xs shrink-0">2</div>
+                LinkedIn ZIP export provides the most accurate professional history.
+              </li>
+              <li className="flex gap-3">
+                <div className="w-5 h-5 rounded-full bg-white/20 flex items-center justify-center text-xs shrink-0">3</div>
+                Include context about the role and company culture.
+              </li>
+            </ul>
+          </div>
+
+          <div className="bg-white rounded-[2rem] p-8 border border-slate-100 shadow-lg">
+            <h3 className="text-lg font-bold text-slate-800 mb-2">Data Privacy</h3>
+            <p className="text-slate-500 text-sm leading-relaxed font-medium">
+              We process your data securely. {user ? 'Your generated resumes are saved to your profile for easy access.' : 'Since you are not logged in, your data will not be saved.'}
+            </p>
+          </div>
+        </motion.div>
+      </div>
+
+      <AnimatePresence>
+        {isPending && (
+          <motion.div
+            initial={{ opacity: 0 }}
+            animate={{ opacity: 1 }}
+            exit={{ opacity: 0 }}
+            className="fixed inset-0 bg-slate-900/40 backdrop-blur-xl z-50 flex items-center justify-center p-4"
+          >
+            <motion.div
+              initial={{ scale: 0.9, opacity: 0, y: 20 }}
+              animate={{ scale: 1, opacity: 1, y: 0 }}
+              className="bg-white p-10 rounded-[3rem] shadow-[0_32px_64px_-12px_rgba(0,0,0,0.2)] max-w-sm w-full text-center"
+            >
+              <div className="relative w-32 h-32 mx-auto mb-8">
+                <motion.div
+                  className="absolute inset-0 rounded-full border-[6px] border-indigo-50"
+                  animate={{ scale: [1, 1.1, 1] }}
+                  transition={{ duration: 3, repeat: Infinity }}
+                />
+                <motion.div
+                  className="absolute inset-0 rounded-full border-t-[6px] border-indigo-600"
+                  animate={{ rotate: 360 }}
+                  transition={{ duration: 1.5, repeat: Infinity, ease: "linear" }}
+                />
+                <div className="absolute inset-0 flex items-center justify-center text-indigo-600">
+                  <motion.div
+                     animate={{ y: [-4, 4, -4] }}
+                     transition={{ duration: 2, repeat: Infinity }}
+                  >
+                    <Rocket className="w-14 h-14" />
+                  </motion.div>
+                </div>
+              </div>
+              <h3 className="text-2xl font-black text-slate-900 mb-3">Forging Success</h3>
+              <AnimatePresence mode="wait">
+                <motion.p 
+                  key={loadingStep}
+                  initial={{ opacity: 0, y: 5 }}
+                  animate={{ opacity: 1, y: 0 }}
+                  exit={{ opacity: 0, y: -5 }}
+                  className="text-slate-500 font-medium mb-8 h-12 flex items-center justify-center leading-relaxed"
+                >
+                  {loadingMessages[loadingStep]}
+                </motion.p>
+              </AnimatePresence>
+              
+              <div className="grid grid-cols-1 gap-4">
+                 <LoadingProgress label="Scanning Tech Stack" progress={35} />
+                 <LoadingProgress label="Analyzing Professional Impact" progress={65} />
+                 <LoadingProgress label="Generating LaTeX Assets" progress={90} />
+              </div>
+            </motion.div>
+          </motion.div>
+        )}
+      </AnimatePresence>
+    </div>
+  );
+}
diff --git a/frontend/src/context/AuthContext.tsx b/frontend/src/context/AuthContext.tsx
new file mode 100644
index 0000000..a826eed
--- /dev/null
+++ b/frontend/src/context/AuthContext.tsx
@@ -0,0 +1,55 @@
+import { createContext, useContext, useState, useEffect, ReactNode } from 'react';
+
+interface User {
+  id: string;
+  username: string;
+  email: string;
+}
+
+interface AuthContextType {
+  user: User | null;
+  login: (user: User) => void;
+  logout: () => void;
+  isAuthenticated: boolean;
+}
+
+const AuthContext = createContext<AuthContextType | undefined>(undefined);
+
+export function AuthProvider({ children }: { children: ReactNode }) {
+  const [user, setUser] = useState<User | null>(null);
+
+  useEffect(() => {
+    const savedUser = localStorage.getItem('user');
+    if (savedUser) {
+      try {
+        setUser(JSON.parse(savedUser));
+      } catch (e) {
+        localStorage.removeItem('user');
+      }
+    }
+  }, []);
+
+  const login = (newUser: User) => {
+    setUser(newUser);
+    localStorage.setItem('user', JSON.stringify(newUser));
+  };
+
+  const logout = () => {
+    setUser(null);
+    localStorage.removeItem('user');
+  };
+
+  return (
+    <AuthContext value={{ user, login, logout, isAuthenticated: !!user }}>
+      {children}
+    </AuthContext>
+  );
+}
+
+export function useAuth() {
+  const context = useContext(AuthContext);
+  if (context === undefined) {
+    throw new Error('useAuth must be used within an AuthProvider');
+  }
+  return context;
+}
diff --git a/generator/resume_generator.py b/generator/resume_generator.py
index 945d995..e071fa1 100644
--- a/generator/resume_generator.py
+++ b/generator/resume_generator.py
@@ -5,41 +5,44 @@
 then generates tailored resume content.
 """
 
-import google.generativeai as genai
+from google import genai
 import os
 import json
 from typing import Dict, List
 from config.config import get_config
+from database.repositories import ResumeRepository
 
 
 class ResumeGenerator:
     def __init__(self):
         """Initialize resume generator with Gemini API"""
-        config = get_config()
+        self.config = get_config()
         api_key = os.getenv("GEMINI_API_KEY")
         if not api_key:
             print("Warning: GEMINI_API_KEY not found in environment variables")
-            self.model = None
+            self.client = None
         else:
-            genai.configure(api_key=api_key)
             # Using the model specified in configuration (cheapest: gemini-2.0-flash-lite)
             try:
-                self.model = genai.GenerativeModel(config.GEMINI_MODEL)
+                self.client = genai.Client(api_key=api_key)
+                self.model_name = self.config.GEMINI_MODEL
             except Exception:
-                self.model = genai.GenerativeModel("gemini-pro")
+                self.client = genai.Client(api_key=api_key)
+                self.model_name = "gemini-2.0-flash"
 
-    def generate(self, profile_data: Dict, job_requirements: Dict) -> Dict:
+    def generate(self, profile_data: Dict, job_requirements: Dict, user_id: str = None) -> Dict:
         """
         Generate tailored resume content based on profile data and job requirements
 
         Args:
             profile_data: Dictionary containing GitHub/LinkedIn profile data
             job_requirements: Dictionary containing analyzed job requirements
+            user_id: Optional user ID to associate with the generated resume
 
         Returns:
             Dictionary containing structured resume content
         """
-        if not self.model:
+        if not self.client:
             # Fallback without AI
             return self._generate_basic_resume(profile_data, job_requirements)
 
@@ -48,18 +51,38 @@ def generate(self, profile_data: Dict, job_requirements: Dict) -> Dict:
             prompt = self._create_prompt(profile_data, job_requirements)
 
             # Generate content using Gemini
-            response = self.model.generate_content(prompt)
+            response = self.client.models.generate_content(
+                model=self.model_name,
+                contents=prompt
+            )
 
             # Parse the response
-            resume_content = self._parse_gemini_response(
-                response.text, profile_data)
-
-            return resume_content
+            return self._parse_gemini_response(response.text, profile_data)
 
         except Exception as e:
             print(f"Error generating resume with Gemini: {e}")
             return self._generate_basic_resume(profile_data, job_requirements)
 
+    def _store_resume(self, resume_content: Dict, profile_data: Dict, job_requirements: Dict, user_id: str = None) -> None:
+        """Helper to store resume in database"""
+        if not user_id:
+            return
+
+        try:
+            github_username = profile_data.get("github", {}).get("username")
+            job_title = resume_content.get("basics", {}).get("label", "Software Engineer")
+            job_description = job_requirements.get("original_description", "")
+
+            ResumeRepository.create_resume(
+                user_id=user_id,
+                github_username=github_username,
+                job_title=job_title,
+                job_description=job_description,
+                tailored_content=resume_content
+            )
+        except Exception as e:
+            print(f"Failed to store resume in database: {e}")
+
     def _create_prompt(self, profile_data: Dict, job_requirements: Dict) -> str:
         """Create prompt for Gemini API"""
         github_data = profile_data.get("github", {})
diff --git a/requirements.txt b/requirements.txt
index c0588d7..615b3d4 100644
--- a/requirements.txt
+++ b/requirements.txt
@@ -9,31 +9,30 @@ requests==2.31.0
 httpx==0.25.0
 
 # Data Processing
-beautifulsoup4==4.12.2
-lxml==4.9.3
+beautifulsoup4>=4.12.2
+lxml>=5.1.0
 
 # Environment & Configuration
 python-dotenv==1.0.0
-pydantic==2.5.0
+pydantic>=2.10.0
 
 # GitHub API
-PyGithub==2.1.1
+PyGithub>=2.5.0
 
 # Google Gemini API
-google-generativeai==0.3.1
+google-genai>=0.3.0
 
 # Caching & Task Queue
-redis==5.0.0
-celery==5.3.4
+redis>=5.0.0
+celery>=5.4.0
 
 # Database (MongoDB)
-pymongo==4.6.0
-mongoengine==0.27.0
+pymongo>=4.10.0
+mongoengine>=0.29.1
 python-dateutil==2.8.2
 
 # Validation & Security
-python-dateutil==2.8.2
-cryptography==41.0.7
+cryptography>=44.0.0
 
 # Testing
 pytest==7.4.3
diff --git a/scrapers/github_scraper.py b/scrapers/github_scraper.py
index acda815..bb120a0 100644
--- a/scrapers/github_scraper.py
+++ b/scrapers/github_scraper.py
@@ -14,6 +14,7 @@
 import os
 from typing import Dict, List
 
+from database.repositories import CacheRepository
 from config import (
     get_logger,
     GitHubAPIError,
@@ -55,6 +56,12 @@ def scrape_profile(self, username: str) -> Dict:
         """
         logger.info(f"Scraping GitHub profile for user: {username}")
 
+        # Check cache first
+        cached_data = CacheRepository.get_cached_github_profile(username)
+        if cached_data:
+            logger.info(f"Using cached GitHub data for {username}")
+            return cached_data
+
         try:
             user = self.github.get_user(username)
 
@@ -122,6 +129,13 @@ def scrape_profile(self, username: str) -> Dict:
             profile_data["top_projects"] = top_projects
 
             logger.info(f"Successfully scraped GitHub profile for {username}")
+            
+            # Cache the profile data (using default 1 hour TTL)
+            try:
+                CacheRepository.cache_github_profile(username, profile_data)
+            except Exception as e:
+                logger.warning(f"Failed to cache GitHub profile for {username}: {e}")
+                
             return profile_data
 
         except GithubException as e:

From 191c0a52f47a03cb072a35403d115c6978e8d6e5 Mon Sep 17 00:00:00 2001
From: Hrishikesh Uchake <uchakeh@gmail.com>
Date: Sat, 24 Jan 2026 23:06:23 -0600
Subject: [PATCH 2/2] Fix pytest failures: mock GitHub cache and align .env
 with dev config

---
 config/config.py            | 19 ++++++++++++++-----
 tests/test_comprehensive.py | 14 +++++++++++---
 2 files changed, 25 insertions(+), 8 deletions(-)

diff --git a/config/config.py b/config/config.py
index 0094973..9cad0f3 100644
--- a/config/config.py
+++ b/config/config.py
@@ -97,10 +97,19 @@ def from_env(cls):
         """Load configuration from environment variables"""
         load_dotenv()
 
-        # Load values from environment
-        cls.ENVIRONMENT = Environment(os.getenv("ENVIRONMENT", "development"))
-        cls.DEBUG = os.getenv("DEBUG", "false").lower() == "true"
-        cls.LOG_LEVEL = os.getenv("LOG_LEVEL", "INFO")
+        # Load values from environment - use existing class values as defaults
+        # instead of hardcoded strings to respect subclass overrides
+        cls.ENVIRONMENT = Environment(os.getenv("ENVIRONMENT", cls.ENVIRONMENT.value if hasattr(cls.ENVIRONMENT, 'value') else cls.ENVIRONMENT))
+        
+        # Helper to get boolean env or return default
+        def get_bool(key, default):
+            val = os.getenv(key)
+            if val is None:
+                return default
+            return val.lower() == "true"
+
+        cls.DEBUG = get_bool("DEBUG", cls.DEBUG)
+        cls.LOG_LEVEL = os.getenv("LOG_LEVEL", cls.LOG_LEVEL)
         cls.HOST = os.getenv("HOST", cls.HOST)
         cls.PORT = int(os.getenv("PORT", cls.PORT))
         cls.WORKERS = int(os.getenv("WORKERS", cls.WORKERS))
@@ -131,7 +140,7 @@ def from_env(cls):
         )
 
         # Cache
-        cls.CACHE_ENABLED = os.getenv("CACHE_ENABLED", "true").lower() == "true"
+        cls.CACHE_ENABLED = get_bool("CACHE_ENABLED", cls.CACHE_ENABLED)
         cls.REDIS_URL = os.getenv("REDIS_URL", cls.REDIS_URL)
 
         # Database
diff --git a/tests/test_comprehensive.py b/tests/test_comprehensive.py
index ab52079..c21d5f7 100644
--- a/tests/test_comprehensive.py
+++ b/tests/test_comprehensive.py
@@ -87,11 +87,15 @@ class TestGitHubScraper:
     """Tests for GitHub scraper"""
 
     @patch("scrapers.github_scraper.Github")
-    def test_scrape_profile_success(self, mock_github_class):
+    @patch("scrapers.github_scraper.CacheRepository")
+    def test_scrape_profile_success(self, mock_cache, mock_github_class):
         """Test successful profile scraping"""
         from scrapers.github_scraper import GitHubScraper
 
-        # Setup mock
+        # Setup mock cache miss
+        mock_cache.get_cached_github_profile.return_value = None
+
+        # Setup mock Github
         mock_user = Mock()
         mock_user.name = "Linus Torvalds"
         mock_user.bio = "Linux creator"
@@ -133,11 +137,15 @@ def test_scrape_profile_success(self, mock_github_class):
         assert result["languages"] == [("C", 1)]
 
     @patch("scrapers.github_scraper.Github")
-    def test_scrape_nonexistent_user(self, mock_github_class):
+    @patch("scrapers.github_scraper.CacheRepository")
+    def test_scrape_nonexistent_user(self, mock_cache, mock_github_class):
         """Test scraping nonexistent user"""
         from scrapers.github_scraper import GitHubScraper
         from github.GithubException import GithubException
 
+        # Setup mock cache miss
+        mock_cache.get_cached_github_profile.return_value = None
+
         mock_github_instance = Mock()
         mock_github_instance.get_user = Mock(
             side_effect=GithubException(404, {"message": "Not Found"})