Final Commit - App Deploy

Author: Skanderba8

.env.example

@@ -1,6 +1,10 @@
 # AI
 GROQ_API_KEY=
 
+# Supabase
+SUPABASE_URL=
+SUPABASE_KEY=
+
 # AWS
 AWS_REGION=eu-west-1
 S3_OUTPUT_BUCKET=

backend/main.py

@@ -14,11 +14,13 @@
 
 load_dotenv(dotenv_path=Path(__file__).parent / ".env")
 
+from supabase import create_client, Client as SupabaseClient
 from services.parser import parse_pdf
 from services.extractor import extract_profile
 from services.generator import generate_cv
 from services.tailor import tailor_cv
 from services.keywords import extract_keywords
+from services.utils import detect_lang
 from models.schema import CVProfile
 
 # ---------------------------------------------------------------------------
@@ -39,11 +41,26 @@
 MAX_RAW_TEXT_CHARS = 15_000
 
 ALLOWED_ORIGINS = [
-    "https://readytoapply.skander.cc",
+    "https://readytoapply.work",
+    "https://www.readytoapply.work",
     "https://readytoapply-frontend.vercel.app",
     "http://localhost:3000",
 ]
 
+# ---------------------------------------------------------------------------
+# Supabase client
+# ---------------------------------------------------------------------------
+_supabase: SupabaseClient | None = None
+
+def _get_supabase() -> SupabaseClient | None:
+    global _supabase
+    if _supabase is None:
+        url = os.environ.get("SUPABASE_URL")
+        key = os.environ.get("SUPABASE_KEY")
+        if url and key:
+            _supabase = create_client(url, key)
+    return _supabase
+
 # ---------------------------------------------------------------------------
 # Rate limiter — per IP
 # /extract is expensive (3 LLM calls), cap tightly
@@ -116,25 +133,22 @@ def health():
 
 @app.post("/review")
 async def submit_review(request: Request, payload: dict):
-    """Store anonymous review (stars + comment) to a local JSON file."""
+    """Store anonymous review (stars + comment) to Supabase."""
     stars = payload.get("stars")
     comment = str(payload.get("comment", "")).strip()[:500]
     if not isinstance(stars, int) or not (1 <= stars <= 5):
         raise HTTPException(status_code=422, detail="stars must be 1–5")
 
-    import datetime
-    entry = {
-        "stars": stars,
-        "comment": comment,
-        "ts": datetime.datetime.utcnow().isoformat(),
-    }
-    reviews_path = Path(__file__).parent / "reviews.json"
+    db = _get_supabase()
+    if db is None:
+        logger.warning("Supabase not configured — review dropped")
+        return {"ok": True}
+
     try:
-        reviews = json.loads(reviews_path.read_text()) if reviews_path.exists() else []
-        reviews.append(entry)
-        reviews_path.write_text(json.dumps(reviews, ensure_ascii=False, indent=2))
+        db.table("reviews").insert({"stars": stars, "comment": comment}).execute()
     except Exception as e:
         logger.error("Failed to save review: %s", e)
+
     return {"ok": True}
 
 
@@ -153,11 +167,7 @@ async def extract(
         raw_text = parse_pdf(file_bytes)
         raw_text = raw_text[:MAX_RAW_TEXT_CHARS]
 
-        # Detect job description language before generating
-        fr_words = ["le ", "la ", "les ", "de ", "du ", "des ", "et ", "en ", "pour ",
-                    "avec ", "dans ", "sur ", "une ", "est ", "sont ", "par ", "au "]
-        jd_lower = job_description.lower()
-        target_lang = "fr" if sum(1 for w in fr_words if w in jd_lower) >= 4 else "en"
+        target_lang = detect_lang(job_description)
 
         profile = extract_profile(raw_text)
         generated = generate_cv(profile, target_lang=target_lang)

backend/requirements.txt

@@ -1,9 +1,10 @@
-fastapi
-uvicorn
-pdfplumber
-python-docx
-groq
-pydantic
-python-multipart
-python-dotenv
-slowapi
+fastapi==0.135.2
+uvicorn==0.42.0
+pdfplumber==0.11.9
+python-docx==1.2.0
+groq==1.1.2
+pydantic==2.12.5
+python-multipart==0.0.22
+python-dotenv==1.2.2
+slowapi==0.1.9
+supabase==2.15.0

backend/services/extractor.py

@@ -1,15 +1,11 @@
 import os
 from groq import Groq
 from services.validator import validate_cv
+from services.utils import load_prompt
 from models.schema import CVProfile
 
 client = Groq(api_key=os.environ.get("GROQ_API_KEY"))
 
-def load_prompt(filename: str) -> str:
-    prompt_path = os.path.join(os.path.dirname(__file__), "..", "prompts", filename)
-    with open(prompt_path, "r", encoding="utf-8") as f:
-        return f.read()
-
 def extract_profile(raw_text: str, max_retries: int = 3) -> CVProfile:
     """
     Takes raw CV text, returns a validated CVProfile object.

backend/services/generator.py

@@ -2,15 +2,11 @@
 import json
 from groq import Groq
 from services.validator import validate_cv
+from services.utils import load_prompt
 from models.schema import CVProfile
 
 client = Groq(api_key=os.environ.get("GROQ_API_KEY"))
 
-def load_prompt(filename: str) -> str:
-    prompt_path = os.path.join(os.path.dirname(__file__), "..", "prompts", filename)
-    with open(prompt_path, "r", encoding="utf-8") as f:
-        return f.read()
-
 def generate_cv(profile: CVProfile, target_lang: str = "en", max_retries: int = 3) -> CVProfile:
     """
     Takes a CVProfile, rewrites it to be strong and clean.

backend/services/tailor.py

@@ -2,15 +2,11 @@
 import json
 from groq import Groq
 from services.validator import validate_cv
+from services.utils import load_prompt
 from models.schema import CVProfile
 
 client = Groq(api_key=os.environ.get("GROQ_API_KEY"))
 
-def load_prompt(filename: str) -> str:
-    prompt_path = os.path.join(os.path.dirname(__file__), "..", "prompts", filename)
-    with open(prompt_path, "r", encoding="utf-8") as f:
-        return f.read()
-
 def tailor_cv(profile: CVProfile, job_description: str, keywords: dict = None, max_retries: int = 3) -> CVProfile:
     """
     Takes a CVProfile, job description, and optional extracted keywords dict.

backend/services/utils.py

@@ -0,0 +1,18 @@
+import os
+
+_FR_WORDS = ["le ", "la ", "les ", "de ", "du ", "des ", "et ", "en ", "pour ",
+             "avec ", "dans ", "sur ", "une ", "est ", "sont ", "par ", "au "]
+
+
+def load_prompt(filename: str) -> str:
+    """Load a prompt file from the prompts directory."""
+    prompt_path = os.path.join(os.path.dirname(__file__), "..", "prompts", filename)
+    with open(prompt_path, "r", encoding="utf-8") as f:
+        return f.read()
+
+
+def detect_lang(text: str) -> str:
+    """Return 'fr' if text looks French, else 'en'."""
+    lower = text.lower()
+    hits = sum(1 for w in _FR_WORDS if w in lower)
+    return "fr" if hits >= 4 else "en"

frontend/app/page.tsx

@@ -110,7 +110,7 @@ export default function LandingPage() {
             <span className="text-xs text-[#9A9A9A]">{u("noDataStored")}</span>
             <span className="text-xs text-[#444444]">
               {u("madeBy")}{" "}
-              <a href="https://github.com/Skanderba8" target="_blank" rel="noopener noreferrer"
+              <a href="https://github.com/Skanderba8/ReadyToApply" target="_blank" rel="noopener noreferrer"
                 className="text-[#555555] hover:text-[#FF4D00] transition-colors">
                 Skander Ben Abdallah
               </a>

frontend/components/StepDownload.tsx

@@ -166,7 +166,7 @@ export default function StepDownload({ cvData, jobDescription, template, keyword
             <button onClick={onRestart}
               className="px-6 py-3 text-sm text-[#9A9A9A] hover:text-[#F5F0EB] transition-colors border border-[#2E2E2E] hover:border-[#9A9A9A]"
               style={{ fontFamily: "var(--font-body)" }}>
-              {lang === "fr" ? "Recommencer" : "Start over"}
+              {u("startOver")}
             </button>
           </div>
           <ReviewWidget lang={lang} />

frontend/components/StepReview.tsx

@@ -1,4 +1,4 @@
-"use client";
+"use client";
 
 import { useEffect, useState, useCallback } from "react";
 import {
@@ -11,7 +11,7 @@ import {
 import { CSS } from "@dnd-kit/utilities";
 import { RefreshCw, AlertCircle, Plus, X, ChevronDown, ChevronUp, GripVertical } from "lucide-react";
 import { extractCV, CVData, Keywords } from "@/lib/api";
-import { useLang, detectJobLang } from "@/lib/i18n";
+import { useLang } from "@/lib/i18n";
 
 // ─── Types ───────────────────────────────────────────────────────────────────
 
@@ -39,63 +39,6 @@ const LANGUAGES_FR = [
   "Danois", "Norvégien", "Finnois", "Coréen", "Hindi", "Autre",
 ];
 
-// ─── i18n labels ─────────────────────────────────────────────────────────────
-
-function t(key: string, lang: "en" | "fr"): string {
-  const labels: Record<string, Record<string, string>> = {
-    reviewing: { en: "Review your CV", fr: "Vérifiez votre CV" },
-    reviewSub: { en: "Check everything looks right. Edit any field before generating.", fr: "Vérifiez que tout est correct. Modifiez avant de générer." },
-    basics: { en: "Basics", fr: "Informations générales" },
-    contact: { en: "Contact", fr: "Contact" },
-    experience: { en: "Experience", fr: "Expérience" },
-    education: { en: "Education", fr: "Formation" },
-    skills: { en: "Skills", fr: "Compétences" },
-    certifications: { en: "Certifications", fr: "Certifications" },
-    languages: { en: "Languages", fr: "Langues" },
-    projects: { en: "Projects", fr: "Projets" },
-    keywords: { en: "Job Keywords", fr: "Mots-clés du poste" },
-    fullName: { en: "Full name", fr: "Nom complet" },
-    profTitle: { en: "Professional title", fr: "Titre professionnel" },
-    summary: { en: "Summary", fr: "Résumé" },
-    email: { en: "Email", fr: "Email" },
-    phone: { en: "Phone", fr: "Téléphone" },
-    location: { en: "Location", fr: "Localisation" },
-    linkedin: { en: "LinkedIn URL", fr: "URL LinkedIn" },
-    company: { en: "Company", fr: "Entreprise" },
-    title: { en: "Title", fr: "Titre" },
-    start: { en: "Start", fr: "Début" },
-    end: { en: "End", fr: "Fin" },
-    bullets: { en: "Bullets", fr: "Points" },
-    addBullet: { en: "Add bullet", fr: "Ajouter un point" },
-    addExperience: { en: "Add experience", fr: "Ajouter une expérience" },
-    addEducation: { en: "Add formation", fr: "Ajouter une formation" },
-    addCert: { en: "Add certification", fr: "Ajouter une certification" },
-    addLanguage: { en: "Add language", fr: "Ajouter une langue" },
-    addProject: { en: "Add project", fr: "Ajouter un projet" },
-    addSkill: { en: "Add skill", fr: "Ajouter une compétence" },
-    remove: { en: "Remove", fr: "Supprimer" },
-    institution: { en: "Institution", fr: "Établissement" },
-    degree: { en: "Degree", fr: "Diplôme" },
-    field: { en: "Field of study", fr: "Domaine d'études" },
-    year: { en: "Year", fr: "Année" },
-    issuer: { en: "Issuer", fr: "Organisme" },
-    language: { en: "Language", fr: "Langue" },
-    level: { en: "Level", fr: "Niveau" },
-    projName: { en: "Project name", fr: "Nom du projet" },
-    projDesc: { en: "Description", fr: "Description" },
-    projUrl: { en: "URL", fr: "URL" },
-    looksGood: { en: "Looks good — choose template", fr: "C'est bon — choisir le modèle" },
-    back: { en: "← Back", fr: "← Retour" },
-    keywordsSub: { en: "Keywords extracted from the job description. The AI uses these when tailoring.", fr: "Mots-clés extraits de l'offre d'emploi. L'IA les utilise pour adapter votre CV." },
-    technical: { en: "Technical", fr: "Technique" },
-    soft: { en: "Soft skills", fr: "Savoir-être" },
-    industry: { en: "Industry", fr: "Secteur" },
-    add: { en: "Add", fr: "Ajouter" },
-    dragHint: { en: "Drag sections to reorder", fr: "Glissez les sections pour les réorganiser" },
-    enableSection: { en: "Enable section", fr: "Activer la section" },
-  };
-  return labels[key]?.[lang] ?? labels[key]?.["en"] ?? key;
-}
 
 // ─── Small UI components ──────────────────────────────────────────────────────
 
@@ -206,16 +149,6 @@ function SortableSection({ id, title, children, defaultOpen = false, rightSlot }
   );
 }
 
-// ─── Language detection ───────────────────────────────────────────────────────
-
-function detectLang(jobDescription: string): "en" | "fr" {
-  const frWords = ["le ", "la ", "les ", "de ", "du ", "des ", "et ", "en ", "pour ", "avec ",
-    "nous ", "vous ", "dans ", "sur ", "une ", "un ", "est ", "sont ", "être ", "avoir ",
-    "poste ", "emploi ", "entreprise ", "équipe ", "expérience ", "compétences "];
-  const text = jobDescription.toLowerCase();
-  const frCount = frWords.filter(w => text.includes(w)).length;
-  return frCount >= 4 ? "fr" : "en";
-}
 
 // ─── Props ────────────────────────────────────────────────────────────────────
 
@@ -340,15 +273,15 @@ export default function StepReview({ file, pastedText, jobDescription, initialCv
   if (loadState === "loading") return (
     <div className="animate-fade-up">
       <h2 className="text-3xl md:text-4xl font-bold mb-2" style={{ fontFamily: "var(--font-display)" }}>
-        {lang === "fr" ? "Analyse de votre profil…" : "Analysing your profile…"}
+        {u("analysing")}
       </h2>
       <p className="text-[#9A9A9A] mb-10 text-sm">
-        {lang === "fr" ? "Extraction de votre expérience. Environ 15 secondes." : "Extracting your experience and matching it to the job. Takes about 15 seconds."}
+        {u("analysingTime")}
       </p>
       <div className="flex items-center gap-4 px-8 py-4 border border-[#2E2E2E]">
         <RefreshCw size={16} className="animate-spin" style={{ color: "#FF4D00" }} />
         <span className="text-sm text-[#F5F0EB] animate-pulse">
-          {lang === "fr" ? "Lecture de votre CV et de l'offre d'emploi…" : "Reading your CV and job description…"}
+          {u("analysingMsg")}
         </span>
       </div>
     </div>
@@ -362,7 +295,7 @@ export default function StepReview({ file, pastedText, jobDescription, initialCv
       <div className="flex items-start gap-3 p-4 border border-red-900 bg-red-950/30">
         <AlertCircle size={18} className="text-red-400 mt-0.5 shrink-0" />
         <div>
-          <p className="text-sm font-medium text-red-400 mb-1">{lang === "fr" ? "Échec de l'extraction" : "Extraction failed"}</p>
+          <p className="text-sm font-medium text-red-400 mb-1">{u("extractFailed")}</p>
           <p className="text-xs text-red-400/70">{errorMessage}</p>
         </div>
       </div>
@@ -553,7 +486,7 @@ export default function StepReview({ file, pastedText, jobDescription, initialCv
         <p className="text-xs text-[#9A9A9A]">{u("keywordsSub")}</p>
         {(["technical", "soft", "industry"] as const).map(bucket => (
           <div key={bucket}>
-            <p className="text-xs font-semibold uppercase tracking-widest text-[#9A9A9A] mb-2">{t(bucket, lang)}</p>
+            <p className="text-xs font-semibold uppercase tracking-widest text-[#9A9A9A] mb-2">{u(bucket)}</p>
             <div className="flex flex-wrap gap-2">
               {keywords[bucket].map((k, i) => <Pill key={i} label={k} onRemove={() => removeKw(bucket, i)} />)}
               <AddPill placeholder={u("add")} onAdd={v => addKw(bucket, v)} />
@@ -612,7 +545,7 @@ export default function StepReview({ file, pastedText, jobDescription, initialCv
                   {isEnabled
                     ? sectionContent[section.id]
                     : <p className="text-xs text-[#9A9A9A] italic">
-                        {lang === "fr" ? "Section désactivée. Activez-la pour l'inclure dans votre CV." : "Section disabled. Toggle on to include in your CV."}
+                        {u("sectionDisabled")}
                       </p>
                   }
                 </SortableSection>