Create app.py

app.py

@@ -0,0 +1,740 @@
+import gradio as gr
+import json
+from datetime import datetime
+import re
+import subprocess
+import sys
+
+# Default resume data
+default_resume = {
+    "fullName": "Alexander Johnson",
+    "title": "Senior Frontend Developer",
+    "email": "[email protected]",
+    "phone": "(555) 123-4567",
+    "location": "San Francisco, CA",
+    "summary": "Experienced frontend developer with 6+ years specializing in React and modern JavaScript frameworks. Passionate about creating intuitive user interfaces and optimizing web performance.",
+    "experience": [
+        {
+            "id": 1,
+            "company": "Tech Innovations Inc.",
+            "position": "Senior Frontend Developer",
+            "duration": "2019 - Present",
+            "description": "Lead frontend development for enterprise SaaS platform. Improved performance by 40% through code optimization. Mentored junior developers."
+        },
+        {
+            "id": 2,
+            "company": "WebSolutions Co.",
+            "position": "Frontend Developer",
+            "duration": "2017 - 2019",
+            "description": "Developed responsive web applications using React. Collaborated with design team to implement UI/UX improvements."
+        }
+    ],
+    "education": [
+        {
+            "id": 1,
+            "institution": "University of California, Berkeley",
+            "degree": "B.S. Computer Science",
+            "duration": "2013 - 2017"
+        }
+    ],
+    "skills": ["React", "JavaScript", "TypeScript", "HTML/CSS", "Redux", "Next.js", "Tailwind CSS", "UI/UX Design"]
+}
+
+# Global state
+state = {
+    "resume_data": default_resume.copy(),
+    "dark_mode": False,
+    "show_preview": True,
+    "gemini_available": False,
+    "api_key": ""
+}
+
+# Try to import Gemini
+try:
+    import google.generativeai as genai
+    state["gemini_available"] = True
+except ImportError:
+    state["gemini_available"] = False
+
+def initialize_gemini_api(api_key):
+    if not state["gemini_available"]:
+        return False, "Google Generative AI library not installed. Install with: `pip install google-generativeai`"
+    
+    try:
+        if api_key:
+            genai.configure(api_key=api_key)
+            model = genai.GenerativeModel(model_name="gemini-1.5-pro")
+            _ = model.generate_content("Hello")
+            return True, "API key saved and verified!"
+        return False, "Please enter an API key."
+    except Exception as e:
+        return False, f"Failed to initialize Gemini API: {str(e)}"
+
+def analyze_job_description(job_desc):
+    if not job_desc:
+        return "Please enter a job description to analyze."
+    
+    if not state.get("gemini_available"):
+        return "Please set up your Gemini API key first."
+    
+    prompt = f"""Analyze this job description and provide a detailed response with the following sections:
+    1. Key Skills Required
+    2. Experience Level
+    3. Match Analysis with current resume
+    4. Suggestions for Improvement
+    
+    Job Description:
+    {job_desc}
+    
+    Current Resume Skills:
+    {', '.join(state['resume_data']['skills'])}
+    """
+    
+    response, error = get_gemini_response(prompt)
+    if error:
+        return f"Error analyzing job description: {error}"
+    
+    return response
+
+
+def get_gemini_response(prompt, temperature=0.7):
+    if not state["gemini_available"]:
+        return None, "Gemini API not available. Please set up your API key."
+    
+    try:
+        generation_config = {
+            "temperature": temperature,
+            "top_p": 0.95,
+            "top_k": 64,
+            "max_output_tokens": 8192,
+        }
+        
+        model = genai.GenerativeModel(
+            model_name="gemini-1.5-pro",
+            generation_config=generation_config,
+        )
+        
+        response = model.generate_content(prompt)
+        return response.parts[0].text, None
+    except Exception as e:
+        return None, f"Error getting AI response: {str(e)}"
+
+# Custom CSS for styling
+custom_css = """
+:root {
+    --primary-color: #4F46E5;
+    --bg-color-light: #F9FAFB;
+    --text-color-light: #111827;
+    --card-bg-light: #FFFFFF;
+    --input-bg-light: #F3F4F6;
+    --secondary-bg-light: #EEF2FF;
+    --accent-light-light: #C7D2FE;
+    
+    --bg-color-dark: #111827;
+    --text-color-dark: #F9FAFB;
+    --card-bg-dark: #1F2937;
+    --input-bg-dark: #374151;
+    --secondary-bg-dark: #1E3A8A;
+    --accent-light-dark: #818CF8;
+}
+
+/* Light mode (default) */
+body {
+    background-color: var(--bg-color-light);
+    color: var(--text-color-light);
+    transition: background-color 0.3s, color 0.3s;
+}
+
+/* Dark mode */
+body.dark-mode {
+    background-color: var(--bg-color-dark);
+    color: var(--text-color-dark);
+}
+
+/* Resume preview styling */
+.resume-preview {
+    background: white;
+    padding: 2rem;
+    border-radius: 8px;
+    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
+    color: #333;
+    font-family: 'Georgia', serif;
+    line-height: 1.4;
+}
+
+.skill-tag {
+    background: #f0f0f0;
+    padding: 0.25rem 0.5rem;
+    border-radius: 4px;
+    margin: 0.25rem;
+    display: inline-block;
+}
+
+/* Form styling */
+.form-container {
+    padding: 1rem;
+    border-radius: 8px;
+    background-color: var(--card-bg-light);
+}
+
+.dark-mode .form-container {
+    background-color: var(--card-bg-dark);
+}
+
+/* Button styling */
+.primary-button {
+    background-color: var(--primary-color);
+    color: white;
+    border: none;
+    padding: 0.5rem 1rem;
+    border-radius: 0.25rem;
+    cursor: pointer;
+    transition: background-color 0.3s;
+}
+
+.primary-button:hover {
+    background-color: #4338CA;
+}
+
+/* Input styling */
+input, textarea, select {
+    background-color: var(--input-bg-light);
+    border: 1px solid #E5E7EB;
+    border-radius: 0.375rem;
+    padding: 0.5rem;
+    width: 100%;
+    color: var(--text-color-light);
+}
+
+.dark-mode input, .dark-mode textarea, .dark-mode select {
+    background-color: var(--input-bg-dark);
+    border-color: #4B5563;
+    color: var(--text-color-dark);
+}
+
+/* Section styling */
+.section-title {
+    font-size: 1.1rem;
+    text-transform: uppercase;
+    letter-spacing: 1px;
+    color: #333;
+    margin-top: 1.5rem;
+    margin-bottom: 0.75rem;
+    font-weight: normal;
+    border-bottom: 1px solid #eee;
+    padding-bottom: 0.25rem;
+}
+
+.dark-mode .section-title {
+    color: var(--text-color-dark);
+    border-bottom-color: #4B5563;
+}
+
+/* Tab styling */
+.tab-selected {
+    border-bottom: 2px solid var(--primary-color);
+    font-weight: bold;
+}
+
+/* Accordion styling */
+.accordion {
+    border: 1px solid #E5E7EB;
+    border-radius: 0.375rem;
+    margin-bottom: 0.5rem;
+    overflow: hidden;
+}
+
+.dark-mode .accordion {
+    border-color: #4B5563;
+}
+
+.accordion-header {
+    background-color: var(--secondary-bg-light);
+    padding: 0.75rem 1rem;
+    cursor: pointer;
+    font-weight: 500;
+}
+
+.dark-mode .accordion-header {
+    background-color: var(--secondary-bg-dark);
+}
+
+.accordion-content {
+    padding: 1rem;
+    border-top: 1px solid #E5E7EB;
+}
+
+.dark-mode .accordion-content {
+    border-color: #4B5563;
+}
+
+/* AI feature styling */
+.ai-container {
+    background-color: var(--secondary-bg-light);
+    border-radius: 0.5rem;
+    padding: 1rem;
+    margin-bottom: 1rem;
+    border-left: 4px solid var(--primary-color);
+}
+
+.dark-mode .ai-container {
+    background-color: var(--secondary-bg-dark);
+}
+
+.ai-suggestion {
+    background-color: var(--accent-light-light);
+    border-radius: 0.375rem;
+    padding: 0.75rem;
+    margin-top: 0.5rem;
+    font-size: 0.875rem;
+    border-left: 3px solid var(--primary-color);
+}
+
+.dark-mode .ai-suggestion {
+    background-color: var(--accent-light-dark);
+}
+"""
+
+# Helper functions for UI components
+def toggle_dark_mode():
+    state["dark_mode"] = not state["dark_mode"]
+    js_code = "<script>document.body.classList.toggle('dark-mode');</script>"
+    return gr.HTML(js_code)
+
+def toggle_preview():
+    state["show_preview"] = not state["show_preview"]
+    preview = gr.HTML(render_resume_preview()) if state["show_preview"] else gr.HTML("")
+    return preview
+
+def download_json():
+    json_str = json.dumps(state["resume_data"], indent=2)
+    file_path = "resume_data.json"
+    with open(file_path, "w") as f:
+        f.write(json_str)
+    return file_path
+
+# Resume editor functions
+def update_personal_info(fullName, title, email, phone, location):
+    state["resume_data"]["fullName"] = fullName
+    state["resume_data"]["title"] = title
+    state["resume_data"]["email"] = email
+    state["resume_data"]["phone"] = phone
+    state["resume_data"]["location"] = location
+    return render_resume_preview()
+
+def update_summary(summary):
+    state["resume_data"]["summary"] = summary
+    return render_resume_preview()
+
+def add_experience():
+    new_id = max([exp["id"] for exp in state["resume_data"]["experience"]], default=0) + 1
+    state["resume_data"]["experience"].append({
+        "id": new_id,
+        "company": "",
+        "position": "",
+        "duration": "",
+        "description": ""
+    })
+    return render_resume_preview()
+
+def remove_experience(exp_id):
+    state["resume_data"]["experience"] = [exp for exp in state["resume_data"]["experience"] if exp["id"] != exp_id]
+    return render_resume_preview()
+
+def update_experience(exp_id, company, position, duration, description):
+    for i, exp in enumerate(state["resume_data"]["experience"]):
+        if exp["id"] == exp_id:
+            state["resume_data"]["experience"][i]["company"] = company
+            state["resume_data"]["experience"][i]["position"] = position
+            state["resume_data"]["experience"][i]["duration"] = duration
+            state["resume_data"]["experience"][i]["description"] = description
+            break
+    return render_resume_preview()
+
+def add_education():
+    new_id = max([edu["id"] for edu in state["resume_data"]["education"]], default=0) + 1
+    state["resume_data"]["education"].append({
+        "id": new_id,
+        "institution": "",
+        "degree": "",
+        "duration": ""
+    })
+    # Return updated education list and preview
+    return render_resume_preview()
+
+def remove_education(edu_id):
+    state["resume_data"]["education"] = [edu for edu in state["resume_data"]["education"] if edu["id"] != edu_id]
+    return render_resume_preview()
+
+def update_education(edu_id, institution, degree, duration):
+    for i, edu in enumerate(state["resume_data"]["education"]):
+        if edu["id"] == edu_id:
+            state["resume_data"]["education"][i]["institution"] = institution
+            state["resume_data"]["education"][i]["degree"] = degree
+            state["resume_data"]["education"][i]["duration"] = duration
+            break
+    return render_resume_preview()
+
+def add_skill(new_skill):
+    if new_skill and new_skill not in state["resume_data"]["skills"]:
+        state["resume_data"]["skills"].append(new_skill)
+    return "", state["resume_data"]["skills"], render_resume_preview()
+
+def update_skills(skills):
+    state["resume_data"]["skills"] = skills
+    return render_resume_preview()
+
+def manage_api_key():
+    with gr.Blocks() as api_settings:
+        gr.Markdown("### 🔑 Gemini API Setup")
+        gr.Markdown("To use AI features, enter your Google Gemini API key:")
+
+        api_key = gr.Textbox(
+            label="API Key",
+            type="password",
+            value=state.get("api_key", "")
+        )
+
+        save_btn = gr.Button("Save API Key")
+        status_output = gr.Markdown()
+
+        def save_api_key(key):
+            if not key:
+                return "⚠️ Please enter an API key."
+            
+            success, message = initialize_gemini_api(key)
+            if success:
+                state["api_key"] = key
+                state["gemini_available"] = True
+                return "✅ API key saved and verified!"
+            else:
+                return f"❌ {message}"
+
+        save_btn.click(
+            fn=save_api_key,
+            inputs=[api_key],
+            outputs=[status_output]
+        )
+
+    return api_key, status_output
+
+def job_match_tab():
+    with gr.Blocks() as job_match_container:
+        gr.Markdown("### Resume-Job Matching")
+        
+        if not state.get("gemini_available"):
+            with gr.Blocks():
+                gr.Markdown("⚠️ API Setup Required")
+                api_key = gr.Textbox(
+                    label="Enter Gemini API Key",
+                    type="password",
+                    placeholder="Enter your API key here..."
+                )
+                status_output = gr.Markdown()
+                save_btn = gr.Button("Save API Key", variant="primary")
+                
+                def save_api_key(key):
+                    if not key:
+                        return "⚠️ Please enter an API key."
+                    success, message = initialize_gemini_api(key)
+                    if success:
+                        state["gemini_available"] = True
+                        state["api_key"] = key
+                        return "✅ API key saved and verified!"
+                    return f"❌ {message}"
+                
+                save_btn.click(fn=save_api_key, inputs=[api_key], outputs=[status_output])
+        
+        with gr.Blocks():
+            job_desc = gr.Textbox(
+                label="Paste job description here",
+                lines=8,
+                placeholder="Paste the job description you want to analyze..."
+            )
+            analyze_btn = gr.Button("Analyze Job Description", variant="primary")
+            result = gr.Markdown()
+            
+            def analyze_wrapper(desc):
+                if not state.get("gemini_available"):
+                    return "⚠️ Please set up your Gemini API key first."
+                if not desc:
+                    return "⚠️ Please enter a job description to analyze."
+                return analyze_job_description(desc)
+            
+            analyze_btn.click(
+                fn=analyze_wrapper,
+                inputs=[job_desc],
+                outputs=[result]
+            )
+        
+        return job_match_container
+
+
+def analyze_job_description(job_desc):
+    if not job_desc:
+        return "Please enter a job description to analyze."
+    
+    prompt = f"""
+    Analyze how well the following resume matches this job description. Consider:
+    1. Skills match
+    2. Experience relevance
+    3. Education requirements
+    4. Key qualifications
+    
+    Job Description:
+    {job_desc}
+    
+    Resume:
+    {json.dumps(state['resume_data'], indent=2)}
+    
+    Provide a detailed analysis with:
+    - Match percentage
+    - Key matching qualifications
+    - Missing requirements
+    - Suggestions for improvement
+    """
+    
+    response, error = get_gemini_response(prompt)
+    if error:
+        return f"Error analyzing match: {error}"
+    return response
+
+with gr.Blocks():
+    gr.Markdown("### Cover Letter Generator")
+    job_desc_cover = gr.Textbox(
+        label="Paste job description here",
+        lines=8
+    )
+    generate_btn = gr.Button("Generate Cover Letter")
+    cover_letter_output = gr.Markdown()
+    
+    def generate_cover_letter(desc):
+        if not desc:
+            return "Please enter a job description."
+        
+        prompt = f"""
+        Generate a professional cover letter for this job based on my resume:
+        
+        Job Description:
+        {desc}
+        
+        Resume Details:
+        {json.dumps(state['resume_data'], indent=2)}
+        
+        Make it personal, professional, and highlight relevant experience and skills.
+        """
+        
+        response, error = get_gemini_response(prompt)
+        if error:
+            return error
+        return response
+    
+    generate_btn.click(
+        fn=generate_cover_letter,
+        inputs=[job_desc_cover],
+        outputs=[cover_letter_output]
+    )        
+def generate_ai_summary():
+    data = state["resume_data"]
+    prompt = f"""
+    You are an expert resume writer. Generate a compelling professional summary for a resume with these details:
+    Name: {data['fullName']}
+    Current Position: {data['title']}
+    Skills: {', '.join(data['skills'])}
+    Experience:
+    {' '.join([f"{exp['position']} at {exp['company']} ({exp['duration']}): {exp['description']}" for exp in data['experience']])}
+    Education:
+    {' '.join([f"{edu['degree']} from {edu['institution']} ({edu['duration']})" for edu in data['education']])}
+    Rules for writing the summary:
+    1. Keep it concise (3-4 sentences maximum)
+    2. Highlight key skills and accomplishments
+    3. Focus on quantifiable achievements and impact
+    4. Use active voice and strong action verbs
+    5. Tailor it to the candidate's career level and industry
+    """
+    response, error = get_gemini_response(prompt)
+    if error:
+        return error, error
+    
+    # Update the resume data with the new summary
+    state["resume_data"]["summary"] = response
+    
+    # Generate updated preview HTML
+    preview_html = render_resume_preview()
+    
+    return response, preview_html
+def render_resume_preview():
+    data = state["resume_data"]
+    preview_html = f"""
+    <div class="resume-preview">
+        <h1>{data['fullName']}</h1>
+        <h2>{data['title']}</h2>
+        <p>{data['email']} | {data['phone']} | {data['location']}</p>
+        
+        <div class="section">
+            <h3>Professional Summary</h3>
+            <p>{data['summary']}</p>
+        </div>
+        
+        <div class="section">
+            <h3>Experience</h3>
+            {''.join([f'''
+            <div class="experience-item">
+                <h4>{exp['company']} - {exp['position']}</h4>
+                <p>{exp['duration']}</p>
+                <p>{exp['description']}</p>
+            </div>
+            ''' for exp in data['experience']])}
+        </div>
+        
+        <div class="section">
+            <h3>Education</h3>
+            {''.join([f'''
+            <div class="education-item">
+                <h4>{edu['institution']}</h4>
+                <p>{edu['degree']} ({edu['duration']})</p>
+            </div>
+            ''' for edu in data['education']])}
+        </div>
+        
+        <div class="section">
+            <h3>Skills</h3>
+            <div class="skills-container">
+                {''.join([f'<span class="skill-tag">{skill}</span>' for skill in data['skills']])}
+            </div>
+        </div>
+    </div>
+    """
+    return preview_html
+def main():
+    with gr.Blocks(css=custom_css) as app:
+        gr.Markdown("# Resume Builder")
+        
+        with gr.Row():
+            dark_mode_btn = gr.Button("Toggle Dark Mode")
+            preview_btn = gr.Button("Toggle Preview")
+            download_btn = gr.Button("Download Resume Data")
+        
+        preview_component = gr.HTML(render_resume_preview() if state["show_preview"] else "")
+            
+        dark_mode_btn.click(fn=toggle_dark_mode, outputs=gr.HTML())
+        preview_btn.click(fn=toggle_preview, outputs=[preview_component])
+        download_btn.click(fn=download_json, outputs=[gr.File()])
+        
+        with gr.Tabs():
+            with gr.Tab("Edit Resume"):
+                with gr.Row():
+                    with gr.Column():
+                        # Personal Info Section
+                        with gr.Blocks():
+                            gr.Markdown("### Personal Information")
+                            name = gr.Textbox(label="Full Name", value=state["resume_data"]["fullName"])
+                            title = gr.Textbox(label="Title", value=state["resume_data"]["title"])
+                            email = gr.Textbox(label="Email", value=state["resume_data"]["email"])
+                            phone = gr.Textbox(label="Phone", value=state["resume_data"]["phone"])
+                            location = gr.Textbox(label="Location", value=state["resume_data"]["location"])
+                            save_personal = gr.Button("Save Personal Info")
+                            
+                        # Summary Section
+                        with gr.Blocks():
+                            gr.Markdown("### Professional Summary")
+                            summary = gr.Textbox(
+                                label="Summary",
+                                lines=4,
+                                value=state["resume_data"]["summary"]
+                            )
+                            save_summary = gr.Button("Save Summary")
+                            generate_summary_btn = gr.Button("Generate AI Summary")
+
+                        # Experience Section
+                        with gr.Blocks():
+                            gr.Markdown("### Experience")
+                            add_exp_btn = gr.Button("Add Experience")
+                            for exp in state["resume_data"]["experience"]:
+                                with gr.Group():
+                                    exp_company = gr.Textbox(label="Company", value=exp["company"])
+                                    exp_position = gr.Textbox(label="Position", value=exp["position"])
+                                    exp_duration = gr.Textbox(label="Duration", value=exp["duration"])
+                                    exp_description = gr.Textbox(label="Description", lines=3, value=exp["description"])
+                                    with gr.Row():
+                                        save_exp_btn = gr.Button("Save")
+                                        remove_exp_btn = gr.Button("Remove")
+
+                        # Education Section
+                        with gr.Blocks():
+                            gr.Markdown("### Education")
+                            add_edu_btn = gr.Button("Add Education")
+                            for edu in state["resume_data"]["education"]:
+                                with gr.Group():
+                                    edu_institution = gr.Textbox(label="Institution", value=edu["institution"])
+                                    edu_degree = gr.Textbox(label="Degree", value=edu["degree"])
+                                    edu_duration = gr.Textbox(label="Duration", value=edu["duration"])
+                                    with gr.Row():
+                                        save_edu_btn = gr.Button("Save")
+                                        remove_edu_btn = gr.Button("Remove")
+
+                        # Skills Section
+                        with gr.Blocks():
+                            gr.Markdown("### Skills")
+                            with gr.Row():
+                                new_skill = gr.Textbox(label="Add Skill")
+                                add_skill_btn = gr.Button("Add")
+                            skills_list = gr.List(
+                                value=state["resume_data"]["skills"],
+                                type="array",
+                                interactive=True
+                            )
+                            
+                    with gr.Column():
+                        preview = gr.HTML(render_resume_preview())
+
+                        # Connect event handlers
+                        save_personal.click(
+                            fn=update_personal_info,
+                            inputs=[name, title, email, phone, location],
+                            outputs=[preview]
+                        )
+
+                        save_summary.click(
+                            fn=update_summary,
+                            inputs=[summary],
+                            outputs=[preview]
+                        )
+
+                        generate_summary_btn.click(
+                            fn=generate_ai_summary,
+                            outputs=[summary, preview]
+                        )
+
+                        add_exp_btn.click(
+                            fn=add_experience,
+                            outputs=[preview]
+                        )
+
+                        add_edu_btn.click(
+                            fn=add_education,
+                            outputs=[preview]
+                        )
+
+                        add_skill_btn.click(
+                            fn=add_skill,
+                            inputs=[new_skill],
+                            outputs=[new_skill, skills_list, preview]
+                        )
+
+                        skills_list.change(
+                            fn=update_skills,
+                            inputs=[skills_list],
+                            outputs=[preview]
+                        )
+                        
+            with gr.Tab("Job Match"):
+                job_match_tab()
+                
+            with gr.Tab("Settings"):
+                manage_api_key()
+    app.launch()
+
+if __name__ == "__main__":
+    main()
+