pushing to hugging face

.gitignore

@@ -0,0 +1,46 @@
+# Python virtual environments
+.venv/
+venv/
+ENV/
+env/
+
+# Python cache / bytecode
+__pycache__/
+*.py[cod]
+*$py.class
+
+# Distribution / packaging
+build/
+dist/
+*.egg-info/
+.eggs/
+
+# Logs and runtime files
+*.log
+*.out
+*.pid
+
+# Unit test / coverage reports
+.coverage
+coverage.xml
+htmlcov/
+.pytest_cache/
+.tox/
+.nox/
+.hypothesis/
+
+# Environment variables / secrets
+.env
+.env.*
+*.secret
+
+# IDE / editor
+.vscode/
+.idea/
+
+# OS files
+.DS_Store
+Thumbs.db
+
+claude.md
+CLAUDE.md

Dockerfile

@@ -0,0 +1,16 @@
+# Read the doc: https://huggingface.co/docs/hub/spaces-sdks-docker
+# you will also find guides on how best to write your Dockerfile
+
+FROM python:3.12.3
+
+RUN useradd -m -u 1000 user
+USER user
+ENV PATH="/home/user/.local/bin:$PATH"
+
+WORKDIR /app
+
+COPY --chown=user ./requirements.txt requirements.txt
+RUN pip install --no-cache-dir --upgrade -r requirements.txt
+
+COPY --chown=user . /app
+CMD ["gunicorn", "app:app", "--host", "0.0.0.0", "--port", "7860"]

Procfile

@@ -0,0 +1 @@
+web: python app.py

app.py

@@ -0,0 +1,1489 @@
+import os
+from dotenv import load_dotenv
+import json
+
+# Load environment variables FIRST
+load_dotenv()
+
+from flask import Flask, render_template, redirect, url_for, flash, session, request, jsonify, send_file
+from flask_login import LoginManager, login_user, logout_user, login_required, current_user
+from werkzeug.security import generate_password_hash, check_password_hash
+import requests
+import uuid
+from urllib.parse import urlencode
+import re
+from datetime import datetime
+from sqlalchemy.orm import joinedload
+
+# Import models and database
+from models import db, User, Introduction, ProfileSummary, WorkExperience, Project, Education, Skill, Achievement, ProfileSectionOrder
+
+app = Flask(__name__)
+
+# Configure Flask
+app.config['SECRET_KEY'] = os.environ.get('SECRET_KEY', 'dev-secret-key-change-in-production')
+app.config['SQLALCHEMY_DATABASE_URI'] = os.environ.get('DATABASE_URL') or os.environ.get('SQLALCHEMY_DATABASE_URI')
+app.config['SQLALCHEMY_TRACK_MODIFICATIONS'] = False
+
+# Initialize extensions
+db.init_app(app)
+# Note: CSRFProtect disabled for now, using simple token validation
+
+# Configure Flask-Login
+login_manager = LoginManager()
+login_manager.init_app(app)
+login_manager.login_view = 'signin'
+login_manager.login_message = 'Please sign in to access this page.'
+login_manager.login_message_category = 'info'
+
+@login_manager.user_loader
+def load_user(user_id):
+    return db.session.get(User, str(user_id))
+
+# Admin required decorator
+def admin_required(f):
+    """Decorator to require admin access"""
+    @login_required
+    def decorated_function(*args, **kwargs):
+        if not current_user.is_admin:
+            flash('You do not have permission to access this page.', 'error')
+            return redirect(url_for('profile'))
+        return f(*args, **kwargs)
+    decorated_function.__name__ = f.__name__
+    return decorated_function
+
+# Note: CSRF protection disabled for simplicity in this development version
+
+# GitHub OAuth Configuration
+GITHUB_CLIENT_ID = os.environ.get('GITHUB_CLIENT_ID')
+GITHUB_CLIENT_SECRET = os.environ.get('GITHUB_CLIENT_SECRET')
+GITHUB_REDIRECT_URI = os.environ.get('GITHUB_OAUTH_BACKEND_REDIRECT', 'http://127.0.0.1:5000/auth/github/callback')
+
+# GitHub OAuth Functions
+def generate_github_auth_url():
+    """Generate GitHub OAuth authorization URL"""
+    params = {
+        'client_id': GITHUB_CLIENT_ID,
+        'redirect_uri': GITHUB_REDIRECT_URI,
+        'scope': 'user:email',
+        'state': str(uuid.uuid4())  # Simple CSRF protection
+    }
+    return f"https://github.com/login/oauth/authorize?{urlencode(params)}"
+
+def exchange_code_for_token(code):
+    """Exchange authorization code for access token"""
+    data = {
+        'client_id': GITHUB_CLIENT_ID,
+        'client_secret': GITHUB_CLIENT_SECRET,
+        'code': code,
+        'redirect_uri': GITHUB_REDIRECT_URI,
+    }
+    
+    headers = {
+        'Accept': 'application/json'
+    }
+    
+    response = requests.post('https://github.com/login/oauth/access_token', 
+                           data=data, headers=headers)
+    
+    if response.status_code == 200:
+        result = response.json()
+        return result.get('access_token')
+    return None
+
+def get_github_user_info(access_token):
+    """Get user information from GitHub API"""
+    headers = {
+        'Authorization': f'token {access_token}',
+        'Accept': 'application/json'
+    }
+    
+    response = requests.get('https://api.github.com/user', headers=headers)
+    
+    if response.status_code == 200:
+        return response.json()
+    return None
+
+def get_github_user_email(access_token):
+    """Get user's primary email from GitHub API"""
+    headers = {
+        'Authorization': f'token {access_token}',
+        'Accept': 'application/json'
+    }
+    
+    response = requests.get('https://api.github.com/user/emails', headers=headers)
+    
+    if response.status_code == 200:
+        emails = response.json()
+        # Find primary email
+        for email in emails:
+            if email.get('primary') and email.get('verified'):
+                return email.get('email')
+        # If no primary verified email, use the first one
+        if emails:
+            return emails[0].get('email')
+    return None
+
+# Email validation function
+def validate_email_format(email):
+    """Validate email format with flexible rules"""
+    import re
+    basic_pattern = r'^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$'
+    if re.match(basic_pattern, email):
+        return None
+    return "Invalid email format"
+
+# Routes
+@app.route('/')
+def index():
+    if current_user.is_authenticated:
+        return redirect(url_for('profile'))
+    return redirect(url_for('signin'))
+
+@app.route('/signin', methods=['GET', 'POST'])
+def signin():
+    if current_user.is_authenticated:
+        return redirect(url_for('profile'))
+    
+    if request.method == 'POST':
+        email = request.form.get('email', '').strip()
+        password = request.form.get('password', '')
+        
+        if not email or not password:
+            flash('Please enter both email and password.', 'error')
+            return render_template('signin.html')
+        
+        user = User.query.filter_by(email=email).first()
+        
+        if user and user.check_password(password):
+            # Check if user should be admin
+            admin_email = os.environ.get('ADMIN_EMAIL')
+            if admin_email and email.lower() == admin_email.lower():
+                if not user.is_admin:
+                    user.is_admin = True
+                    user.role = 'Admin'
+                    db.session.commit()
+                    flash('Admin access granted!', 'success')
+            
+            login_user(user)
+            next_page = request.args.get('next')
+            return redirect(next_page or url_for('profile'))
+        else:
+            flash('Invalid email or password.', 'error')
+    
+    return render_template('signin.html')
+
+@app.route('/signup', methods=['GET', 'POST'])
+def signup():
+    if current_user.is_authenticated:
+        return redirect(url_for('profile'))
+    
+    if request.method == 'POST':
+        name = request.form.get('name', '').strip()
+        email = request.form.get('email', '').strip()
+        password = request.form.get('password', '')
+        password_confirm = request.form.get('password_confirm', '')
+        
+        # Validation
+        errors = []
+        
+        if not name:
+            errors.append('Name is required')
+        
+        if not email:
+            errors.append('Email is required')
+        else:
+            email_error = validate_email_format(email)
+            if email_error:
+                errors.append(email_error)
+        
+        if not password:
+            errors.append('Password is required')
+        elif len(password) < 8:
+            errors.append('Password must be at least 8 characters long')
+        
+        if not password_confirm:
+            errors.append('Please confirm your password')
+        elif password != password_confirm:
+            errors.append('Passwords do not match')
+        
+        # Check if email already exists
+        if email and User.query.filter_by(email=email).first():
+            errors.append('Email already registered')
+        
+        if errors:
+            for error in errors:
+                flash(error, 'error')
+            return render_template('signup.html')
+        
+        # Create new user
+        new_user = User(
+            id=uuid.uuid4(),
+            name=name,
+            email=email
+        )
+        new_user.set_password(password)
+        
+        # Check if user should be admin
+        admin_email = os.environ.get('ADMIN_EMAIL')
+        if admin_email and email.lower() == admin_email.lower():
+            new_user.is_admin = True
+            new_user.role = 'Admin'
+        
+        try:
+            db.session.add(new_user)
+            db.session.commit()
+            
+            if new_user.is_admin:
+                flash('Admin account created successfully! Please sign in.', 'success')
+            else:
+                flash('Account created successfully! Please sign in.', 'success')
+            return redirect(url_for('signin'))
+        except Exception as e:
+            db.session.rollback()
+            flash('An error occurred while creating your account. Please try again.', 'error')
+    
+    return render_template('signup.html')
+
+@app.route('/logout')
+@login_required
+def logout():
+    logout_user()
+    flash('You have been logged out successfully.', 'success')
+    return redirect(url_for('signin'))
+
+@app.route('/profile')
+@login_required
+def profile():
+    # Check if user has a profile
+    intro = Introduction.query.filter_by(user_id=current_user.id).first()
+    has_profile = intro is not None
+    
+    if has_profile:
+        # Get all profile data
+        summary = ProfileSummary.query.filter_by(user_id=current_user.id).first()
+        work_experiences = WorkExperience.query.filter_by(user_id=current_user.id).order_by(WorkExperience.order).all()
+        projects = Project.query.filter_by(user_id=current_user.id).order_by(Project.order).all()
+        educations = Education.query.filter_by(user_id=current_user.id).order_by(Education.order).all()
+        skills = Skill.query.filter_by(user_id=current_user.id).order_by(Skill.order).all()
+        achievements = Achievement.query.filter_by(user_id=current_user.id).order_by(Achievement.order).all()
+        
+        # Get section order if exists
+        section_order_obj = ProfileSectionOrder.query.filter_by(user_id=current_user.id).first()
+        section_order = section_order_obj.section_order if section_order_obj else [
+            'introduction', 'profile_summary', 'work_experience', 
+            'projects', 'education', 'skills', 'achievements'
+        ]
+        
+        return render_template('profile.html',
+                             has_profile=True,
+                             intro=intro,
+                             summary=summary,
+                             work_experiences=work_experiences,
+                             projects=projects,
+                             educations=educations,
+                             skills=skills,
+                             achievements=achievements,
+                             section_order=section_order)
+    else:
+        return render_template('profile.html', has_profile=False)
+
+@app.route('/forgot-password')
+def forgot_password():
+    return render_template('forgot_password.html')
+
+# GitHub OAuth Routes
+@app.route('/auth/github')
+def github_auth():
+    """Initiate GitHub OAuth flow"""
+    if not GITHUB_CLIENT_ID or not GITHUB_CLIENT_SECRET:
+        flash('GitHub OAuth is not configured. Please check your environment variables.', 'error')
+        return redirect(url_for('signin'))
+    
+    auth_url = generate_github_auth_url()
+    return redirect(auth_url)
+
+@app.route('/api/auth/github/callback')
+def github_callback():
+    """Handle GitHub OAuth callback"""
+    # Check for errors
+    error = request.args.get('error')
+    if error:
+        flash(f'GitHub authentication failed: {error}', 'error')
+        return redirect(url_for('signin'))
+    
+    # Get authorization code and state
+    code = request.args.get('code')
+    state = request.args.get('state')
+    
+    if not code:
+        flash('Authorization code not received from GitHub.', 'error')
+        return redirect(url_for('signin'))
+    
+    # Exchange code for access token
+    access_token = exchange_code_for_token(code)
+    if not access_token:
+        flash('Failed to exchange authorization code for access token.', 'error')
+        return redirect(url_for('signin'))
+    
+    # Get user information from GitHub
+    github_user = get_github_user_info(access_token)
+    if not github_user:
+        flash('Failed to retrieve user information from GitHub.', 'error')
+        return redirect(url_for('signin'))
+    
+    # Get user email
+    email = get_github_user_email(access_token)
+    if not email:
+        flash('Could not retrieve email from GitHub. Please ensure your email is public and verified.', 'error')
+        return redirect(url_for('signin'))
+    
+    # Check if user exists
+    user = User.query.filter_by(email=email).first()
+    
+    if user:
+        # Existing user - check if they should be admin
+        admin_email = os.environ.get('ADMIN_EMAIL')
+        if admin_email and email.lower() == admin_email.lower():
+            if not user.is_admin:
+                user.is_admin = True
+                user.role = 'Admin'
+                db.session.commit()
+                flash('Admin access granted!', 'success')
+        
+        login_user(user)
+        flash(f'Welcome back, {user.name}!', 'success')
+        return redirect(url_for('profile'))
+    else:
+        # New user - create account
+        # Generate a random password for GitHub users
+        import secrets
+        random_password = secrets.token_urlsafe(32)
+        
+        new_user = User(
+            id=uuid.uuid4(),
+            name=github_user.get('name', github_user.get('login', 'GitHub User')),
+            email=email
+        )
+        new_user.set_password(random_password)
+        
+        # Check if user should be admin
+        admin_email = os.environ.get('ADMIN_EMAIL')
+        if admin_email and email.lower() == admin_email.lower():
+            new_user.is_admin = True
+            new_user.role = 'Admin'
+        
+        try:
+            db.session.add(new_user)
+            db.session.commit()
+            login_user(new_user)
+            
+            if new_user.is_admin:
+                flash(f'Admin account created successfully! Welcome, {new_user.name}!', 'success')
+            else:
+                flash(f'Account created successfully! Welcome, {new_user.name}!', 'success')
+            return redirect(url_for('profile'))
+        except Exception as e:
+            db.session.rollback()
+            flash('Failed to create account. Please try again.', 'error')
+            return redirect(url_for('signin'))
+
+# Profile Creation Routes
+@app.route('/profile/create', methods=['GET', 'POST'])
+@login_required
+def create_profile():
+    """Start profile creation process"""
+    # Check if user already has a profile
+    if current_user.introduction:
+        flash('You already have a profile. View or edit it from your profile page.', 'info')
+        return redirect(url_for('profile'))
+    
+    return render_template('create_profile.html')
+
+@app.route('/profile/create/introduction', methods=['GET', 'POST'])
+@login_required
+def create_introduction():
+    """Create introduction section"""
+    form_data = {}
+    form_errors = {}
+    
+    if request.method == 'POST':
+        name = request.form.get('name', '').strip()
+        email = request.form.get('email', '').strip()
+        phone = request.form.get('phone', '').strip()
+        linkedin = request.form.get('linkedin', '').strip()
+        github = request.form.get('github', '').strip()
+        website = request.form.get('website', '').strip()
+        
+        # Store form data
+        form_data = {
+            'name': name,
+            'email': email,
+            'phone': phone,
+            'linkedin': linkedin,
+            'github': github,
+            'website': website
+        }
+        
+        # Validation
+        if not name:
+            form_errors['name'] = ['Name is required']
+        if not email:
+            form_errors['email'] = ['Email is required']
+        elif not re.match(r'^[^@]+@[^@]+\.[^@]+$', email):
+            form_errors['email'] = ['Invalid email format']
+        if not phone:
+            form_errors['phone'] = ['Phone is required']
+        
+        if form_errors:
+            return render_template('create_introduction.html', 
+                                 form_data=form_data, 
+                                 form_errors=form_errors)
+        
+        # Create introduction
+        introduction = Introduction(
+            user_id=current_user.id,
+            name=name,
+            email=email,
+            phone=phone,
+            linkedin=linkedin or None,
+            github=github or None,
+            website=website or None
+        )
+        
+        try:
+            db.session.add(introduction)
+            db.session.commit()
+            return redirect(url_for('create_profile_summary'))
+        except Exception as e:
+            db.session.rollback()
+            flash('An error occurred while saving your introduction. Please try again.', 'error')
+    
+    return render_template('create_introduction.html', 
+                         form_data=form_data, 
+                         form_errors=form_errors)
+
+@app.route('/profile/create/profile-summary', methods=['GET', 'POST'])
+@login_required
+def create_profile_summary():
+    """Create profile summary section"""
+    form_data = {}
+    form_errors = {}
+    
+    if not current_user.introduction:
+        flash('Please complete your introduction first.', 'error')
+        return redirect(url_for('create_introduction'))
+    
+    if request.method == 'POST':
+        summary = request.form.get('summary', '').strip()
+        
+        # Store form data
+        form_data = {
+            'summary': summary
+        }
+        
+        # Validation
+        if not summary:
+            form_errors['summary'] = ['Profile summary is required']
+        
+        if form_errors:
+            return render_template('create_profile_summary.html', 
+                                 form_data=form_data, 
+                                 form_errors=form_errors)
+        
+        # Create or update profile summary
+        profile_summary = ProfileSummary.query.filter_by(user_id=current_user.id).first()
+        if not profile_summary:
+            profile_summary = ProfileSummary(user_id=current_user.id)
+        
+        profile_summary.summary = summary
+        profile_summary.ai_generated = False
+        
+        try:
+            db.session.add(profile_summary)
+            db.session.commit()
+            return redirect(url_for('create_work_experience'))
+        except Exception as e:
+            db.session.rollback()
+            flash('An error occurred while saving your profile summary. Please try again.', 'error')
+    
+    # For GET request or if returning from POST with error
+    # Get existing summary if any
+    existing_summary = ProfileSummary.query.filter_by(user_id=current_user.id).first()
+    if existing_summary:
+        form_data['summary'] = existing_summary.summary
+    
+    return render_template('create_profile_summary.html', 
+                         form_data=form_data, 
+                         form_errors=form_errors)
+
+@app.route('/profile/create/generate-summary', methods=['POST'])
+@login_required
+def generate_ai_summary():
+    """Generate AI-powered profile summary using OpenAI"""
+    if not current_user.introduction:
+        return jsonify({'error': 'Please complete your introduction first'}), 400
+    
+    try:
+        # Get user's introduction and other relevant info
+        intro = current_user.introduction
+        
+        # Get additional profile data if available
+        work_experiences = WorkExperience.query.filter_by(user_id=current_user.id).all()
+        projects = Project.query.filter_by(user_id=current_user.id).all()
+        educations = Education.query.filter_by(user_id=current_user.id).all()
+        skills = Skill.query.filter_by(user_id=current_user.id).all()
+        
+        # Prepare context for AI
+        context = f"""
+        Personal Information:
+        - Name: {intro.name}
+        - Email: {intro.email}
+        - Phone: {intro.phone}
+        - LinkedIn: {intro.linkedin or 'Not provided'}
+        - GitHub: {intro.github or 'Not provided'}
+        - Website: {intro.website or 'Not provided'}
+        """
+        
+        if work_experiences:
+            context += "\n\nWork Experience:\n"
+            for exp in work_experiences[:3]:  # Limit to first 3 experiences
+                context += f"- {exp.title} at {exp.organization} ({exp.start_month}/{exp.start_year} - {'Present' if not exp.end_month else f'{exp.end_month}/{exp.end_year}'})\n"
+        
+        if educations:
+            context += "\nEducation:\n"
+            for edu in educations[:2]:  # Limit to first 2 educations
+                context += f"- {edu.title} at {edu.organization} ({edu.start_month}/{edu.start_year} - {'Present' if not edu.end_month else f'{edu.end_month}/{edu.end_year}'})\n"
+        
+        if skills:
+            skill_list = [s.skill for s in skills[:10]]  # Limit to first 10 skills
+            context += f"\nSkills: {', '.join(skill_list)}"
+        
+        # Using OpenAI API directly
+        def generate_with_openai():
+            from openai import OpenAI
+            client = OpenAI(api_key=os.environ.get('OPENAI_API_KEY'))
+            
+            prompt = f"""
+            Create a professional profile summary based on this information:
+            
+            {context}
+            
+            Requirements:
+            - Write in third person
+            - Keep it concise (3-5 sentences)
+            - Highlight professional strengths and achievements
+            - Make it engaging and professional
+            - Focus on what makes this person unique
+            """
+            
+            response = client.chat.completions.create(
+                model=os.environ.get('OPENAI_MODEL', 'gpt-4o'),
+                messages=[
+                    {"role": "system", "content": "You are an expert resume writer and career coach. Write compelling professional profiles that stand out."},
+                    {"role": "user", "content": prompt}
+                ],
+                max_tokens=250,
+                temperature=0.8
+            )
+            return response.choices[0].message.content.strip()
+        
+        # Generate the summary
+        ai_summary = generate_with_openai()
+        
+        # Save the AI-generated summary
+        profile_summary = ProfileSummary.query.filter_by(user_id=current_user.id).first()
+        if not profile_summary:
+            profile_summary = ProfileSummary(user_id=current_user.id)
+        
+        profile_summary.summary = ai_summary
+        profile_summary.ai_generated = True
+        
+        db.session.add(profile_summary)
+        db.session.commit()
+        
+        return jsonify({
+            'success': True,
+            'summary': ai_summary,
+            'message': 'Profile summary generated successfully!'
+        })
+    
+    except Exception as e:
+        db.session.rollback()
+        return jsonify({'success': False, 'error': f'Failed to generate summary: {str(e)}'}), 500
+
+@app.route('/profile/create/work-experience', methods=['GET', 'POST'])
+@login_required
+def create_work_experience():
+    """Create work experience section"""
+    if not current_user.introduction:
+        flash('Please complete your introduction first.', 'error')
+        return redirect(url_for('create_introduction'))
+    
+    if request.method == 'POST':
+        # Clear existing work experiences for this user
+        WorkExperience.query.filter_by(user_id=current_user.id).delete()
+        
+        # Get form data
+        organizations = request.form.getlist('organization[]')
+        titles = request.form.getlist('title[]')
+        start_months = request.form.getlist('start_month[]')
+        start_years = request.form.getlist('start_year[]')
+        end_months = request.form.getlist('end_month[]')
+        end_years = request.form.getlist('end_year[]')
+        is_present_list = request.form.getlist('is_present[]')
+        remarks_list = request.form.getlist('remarks[]')
+        
+        # Find the maximum length among all lists to handle inconsistent lengths
+        max_length = max(len(organizations), len(titles), len(start_months), 
+                        len(start_years), len(end_months), len(end_years), 
+                        len(remarks_list))
+        
+        # Save each work experience
+        for i in range(max_length):
+            org = organizations[i] if i < len(organizations) else ''
+            title = titles[i] if i < len(titles) else ''
+            
+            if org.strip():  # Only save if organization is provided
+                work_exp = WorkExperience(
+                    user_id=current_user.id,
+                    organization=org.strip(),
+                    title=title.strip(),
+                    start_month=int(start_months[i]) if i < len(start_months) and start_months[i] else None,
+                    start_year=int(start_years[i]) if i < len(start_years) and start_years[i] else None,
+                    end_month=int(end_months[i]) if i < len(end_months) and end_months[i] and str(i) not in is_present_list else None,
+                    end_year=int(end_years[i]) if i < len(end_years) and end_years[i] and str(i) not in is_present_list else None,
+                    remarks=remarks_list[i].strip() if i < len(remarks_list) and remarks_list[i] else None,
+                    order=i
+                )
+                db.session.add(work_exp)
+        
+        try:
+            db.session.commit()
+            flash('Work experience saved successfully.', 'success')
+            return redirect(url_for('create_projects'))
+        except Exception as e:
+            db.session.rollback()
+            flash('An error occurred while saving work experience.', 'error')
+    
+    # GET request - show form
+    form_data = {
+        'work_experiences': WorkExperience.query.filter_by(user_id=current_user.id).order_by(WorkExperience.order).all()
+    }
+    
+    return render_template('create_work_experience.html', 
+                         form_data=form_data, 
+                         current_year=datetime.now().year)
+
+@app.route('/profile/create/projects', methods=['GET', 'POST'])
+@login_required
+def create_projects():
+    """Create projects section"""
+    if not current_user.introduction:
+        flash('Please complete your introduction first.', 'error')
+        return redirect(url_for('create_introduction'))
+    
+    if request.method == 'POST':
+        # Clear existing projects for this user
+        Project.query.filter_by(user_id=current_user.id).delete()
+        
+        # Get form data
+        organizations = request.form.getlist('organization[]')
+        titles = request.form.getlist('title[]')
+        start_months = request.form.getlist('start_month[]')
+        start_years = request.form.getlist('start_year[]')
+        end_months = request.form.getlist('end_month[]')
+        end_years = request.form.getlist('end_year[]')
+        is_present_list = request.form.getlist('is_present[]')
+        remarks_list = request.form.getlist('remarks[]')
+        
+        # Find the maximum length among all lists to handle inconsistent lengths
+        max_length = max(len(organizations), len(titles), len(start_months), 
+                        len(start_years), len(end_months), len(end_years), 
+                        len(remarks_list))
+        
+        # Save each project
+        for i in range(max_length):
+            title = titles[i] if i < len(titles) else ''
+            org = organizations[i] if i < len(organizations) else ''
+            
+            if title.strip():  # Only save if title is provided
+                project = Project(
+                    user_id=current_user.id,
+                    organization=org.strip() if org else None,
+                    title=title.strip(),
+                    start_month=int(start_months[i]) if i < len(start_months) and start_months[i] else None,
+                    start_year=int(start_years[i]) if i < len(start_years) and start_years[i] else None,
+                    end_month=int(end_months[i]) if i < len(end_months) and end_months[i] and str(i) not in is_present_list else None,
+                    end_year=int(end_years[i]) if i < len(end_years) and end_years[i] and str(i) not in is_present_list else None,
+                    remarks=remarks_list[i].strip() if i < len(remarks_list) and remarks_list[i] else None,
+                    order=i
+                )
+                db.session.add(project)
+        
+        try:
+            db.session.commit()
+            flash('Projects saved successfully.', 'success')
+            return redirect(url_for('create_education'))
+        except Exception as e:
+            db.session.rollback()
+            flash('An error occurred while saving projects.', 'error')
+    
+    # GET request - show form
+    form_data = {
+        'projects': Project.query.filter_by(user_id=current_user.id).order_by(Project.order).all()
+    }
+    
+    return render_template('create_projects.html', 
+                         form_data=form_data, 
+                         current_year=datetime.now().year)
+
+@app.route('/profile/create/education', methods=['GET', 'POST'])
+@login_required
+def create_education():
+    """Create education section"""
+    if not current_user.introduction:
+        flash('Please complete your introduction first.', 'error')
+        return redirect(url_for('create_introduction'))
+    
+    if request.method == 'POST':
+        # Clear existing education for this user
+        Education.query.filter_by(user_id=current_user.id).delete()
+        
+        # Get form data
+        organizations = request.form.getlist('organization[]')
+        titles = request.form.getlist('title[]')
+        start_months = request.form.getlist('start_month[]')
+        start_years = request.form.getlist('start_year[]')
+        end_months = request.form.getlist('end_month[]')
+        end_years = request.form.getlist('end_year[]')
+        is_present_list = request.form.getlist('is_present[]')
+        remarks_list = request.form.getlist('remarks[]')
+        
+        # Find the maximum length among all lists to handle inconsistent lengths
+        max_length = max(len(organizations), len(titles), len(start_months), 
+                        len(start_years), len(end_months), len(end_years), 
+                        len(remarks_list))
+        
+        # Save each education
+        for i in range(max_length):
+            org = organizations[i] if i < len(organizations) else ''
+            title = titles[i] if i < len(titles) else ''
+            
+            if org.strip():  # Only save if organization is provided
+                education = Education(
+                    user_id=current_user.id,
+                    organization=org.strip(),
+                    title=title.strip(),
+                    start_month=int(start_months[i]) if i < len(start_months) and start_months[i] else None,
+                    start_year=int(start_years[i]) if i < len(start_years) and start_years[i] else None,
+                    end_month=int(end_months[i]) if i < len(end_months) and end_months[i] and str(i) not in is_present_list else None,
+                    end_year=int(end_years[i]) if i < len(end_years) and end_years[i] and str(i) not in is_present_list else None,
+                    remarks=remarks_list[i].strip() if i < len(remarks_list) and remarks_list[i] else None,
+                    order=i
+                )
+                db.session.add(education)
+        
+        try:
+            db.session.commit()
+            flash('Education saved successfully.', 'success')
+            return redirect(url_for('create_skills'))
+        except Exception as e:
+            db.session.rollback()
+            flash('An error occurred while saving education.', 'error')
+    
+    # GET request - show form
+    form_data = {
+        'educations': Education.query.filter_by(user_id=current_user.id).order_by(Education.order).all()
+    }
+    
+    return render_template('create_education.html', 
+                         form_data=form_data, 
+                         current_year=datetime.now().year)
+
+@app.route('/profile/create/skills', methods=['GET', 'POST'])
+@login_required
+def create_skills():
+    """Create skills section"""
+    form_data = {}
+    form_errors = {}
+    
+    if not current_user.introduction:
+        flash('Please complete your introduction first.', 'error')
+        return redirect(url_for('create_introduction'))
+    
+    if request.method == 'POST':
+        # Get skills from form
+        skills_text = request.form.get('skills', '').strip()
+        
+        # Store form data
+        form_data = {
+            'skills': skills_text,
+            'skills_preview': [skill.strip() for skill in skills_text.split(',') if skill.strip()] if skills_text else []
+        }
+        
+        # Validation - skills are optional but if provided, they should be valid
+        if skills_text and len(skills_text.split(',')) > 50:
+            form_errors['skills'] = ['You can add up to 50 skills maximum']
+        
+        if form_errors:
+            return render_template('create_skills.html', 
+                                 form_data=form_data, 
+                                 form_errors=form_errors)
+        
+        # Clear existing skills for this user
+        Skill.query.filter_by(user_id=current_user.id).delete()
+        
+        if skills_text:
+            skills_list = [skill.strip() for skill in skills_text.split(',') if skill.strip()]
+            
+            # Save each skill
+            for i, skill in enumerate(skills_list):
+                new_skill = Skill(
+                    user_id=current_user.id,
+                    skill=skill,
+                    order=i
+                )
+                db.session.add(new_skill)
+        
+        try:
+            db.session.commit()
+            flash('Skills saved successfully.', 'success')
+            return redirect(url_for('create_achievements'))
+        except Exception as e:
+            db.session.rollback()
+            flash('An error occurred while saving skills.', 'error')
+    
+    # GET request - show form
+    existing_skills = Skill.query.filter_by(user_id=current_user.id).order_by(Skill.order).all()
+    skills_text = ', '.join([skill.skill for skill in existing_skills])
+    
+    form_data = {
+        'skills': skills_text,
+        'skills_preview': [skill.skill for skill in existing_skills]
+    }
+    
+    return render_template('create_skills.html', 
+                         form_data=form_data, 
+                         form_errors=form_errors)
+
+@app.route('/profile/create/achievements', methods=['GET', 'POST'])
+@login_required
+def create_achievements():
+    """Create achievements section"""
+    form_data = {}
+    form_errors = {}
+    
+    if not current_user.introduction:
+        flash('Please complete your introduction first.', 'error')
+        return redirect(url_for('create_introduction'))
+    
+    if request.method == 'POST':
+        # Get achievements from form
+        achievements_text = request.form.get('achievements', '').strip()
+        
+        # Store form data
+        form_data = {
+            'achievements': achievements_text,
+            'achievements_preview': [achievement.strip() for achievement in achievements_text.split(',') if achievement.strip()] if achievements_text else []
+        }
+        
+        # Validation - achievements are optional but if provided, they should be valid
+        if achievements_text and len(achievements_text.split(',')) > 50:
+            form_errors['achievements'] = ['You can add up to 50 achievements maximum']
+        
+        if form_errors:
+            return render_template('create_achievements.html', 
+                                 form_data=form_data, 
+                                 form_errors=form_errors)
+        
+        # Clear existing achievements for this user
+        Achievement.query.filter_by(user_id=current_user.id).delete()
+        
+        if achievements_text:
+            achievements_list = [achievement.strip() for achievement in achievements_text.split(',') if achievement.strip()]
+            
+            # Save each achievement
+            for i, achievement in enumerate(achievements_list):
+                new_achievement = Achievement(
+                    user_id=current_user.id,
+                    achievement=achievement,
+                    order=i
+                )
+                db.session.add(new_achievement)
+        
+        try:
+            db.session.commit()
+            flash('Achievements saved successfully.', 'success')
+            return redirect(url_for('create_preview'))
+        except Exception as e:
+            db.session.rollback()
+            flash('An error occurred while saving achievements.', 'error')
+    
+    # GET request - show form
+    existing_achievements = Achievement.query.filter_by(user_id=current_user.id).order_by(Achievement.order).all()
+    achievements_text = ', '.join([achievement.achievement for achievement in existing_achievements])
+    
+    form_data = {
+        'achievements': achievements_text,
+        'achievements_preview': [achievement.achievement for achievement in existing_achievements]
+    }
+    
+    return render_template('create_achievements.html', 
+                         form_data=form_data, 
+                         form_errors=form_errors)
+
+@app.route('/profile/create/preview', methods=['GET', 'POST'])
+@login_required
+def create_preview():
+    """Preview and finalize profile"""
+    if not current_user.introduction:
+        flash('Please complete your introduction first.', 'error')
+        return redirect(url_for('create_introduction'))
+    
+    if request.method == 'POST':
+        action = request.form.get('action')
+        
+        if action == 'submit':
+            # Save section order
+            section_order = request.form.get('section_order', '[]')
+            try:
+                order_data = json.loads(section_order)
+                
+                # Update or create section order
+                profile_order = ProfileSectionOrder.query.filter_by(user_id=current_user.id).first()
+                if not profile_order:
+                    profile_order = ProfileSectionOrder(user_id=current_user.id)
+                
+                profile_order.section_order = order_data
+                db.session.add(profile_order)
+                db.session.commit()
+                
+                flash('Profile created successfully!', 'success')
+                return redirect(url_for('profile'))
+            
+            except Exception as e:
+                db.session.rollback()
+                flash('An error occurred while saving your profile.', 'error')
+        
+        elif action == 'clear':
+            # Delete all profile data
+            try:
+                # Delete all profile sections
+                if current_user.introduction:
+                    db.session.delete(current_user.introduction)
+                if current_user.profile_summary:
+                    db.session.delete(current_user.profile_summary)
+                if current_user.section_order:
+                    db.session.delete(current_user.section_order)
+                
+                # Delete collections
+                WorkExperience.query.filter_by(user_id=current_user.id).delete()
+                Project.query.filter_by(user_id=current_user.id).delete()
+                Education.query.filter_by(user_id=current_user.id).delete()
+                Skill.query.filter_by(user_id=current_user.id).delete()
+                Achievement.query.filter_by(user_id=current_user.id).delete()
+                
+                db.session.commit()
+                flash('Profile cleared successfully.', 'success')
+                return redirect(url_for('profile'))
+            
+            except Exception as e:
+                db.session.rollback()
+                flash('An error occurred while clearing your profile.', 'error')
+    
+    # Get all profile data
+    intro = current_user.introduction
+    summary = current_user.profile_summary
+    work_experiences = WorkExperience.query.filter_by(user_id=current_user.id).order_by(WorkExperience.order).all()
+    projects = Project.query.filter_by(user_id=current_user.id).order_by(Project.order).all()
+    educations = Education.query.filter_by(user_id=current_user.id).order_by(Education.order).all()
+    skills = Skill.query.filter_by(user_id=current_user.id).order_by(Skill.order).all()
+    achievements = Achievement.query.filter_by(user_id=current_user.id).order_by(Achievement.order).all()
+    
+    # Get default section order
+    default_order = ['introduction', 'profile_summary', 'work_experience', 'projects', 'education', 'skills', 'achievements']
+    
+    return render_template('create_preview.html',
+                         intro=intro,
+                         summary=summary,
+                         work_experiences=work_experiences,
+                         projects=projects,
+                         educations=educations,
+                         skills=skills,
+                         achievements=achievements,
+                         default_order=default_order)
+
+@app.route('/ping')
+def ping():
+    return {"ok": True, "msg": "pong from app.py"}
+
+@app.cli.command()
+def create_tables():
+    """Create database tables"""
+    with app.app_context():
+        db.create_all()
+        print("Database tables created successfully!")
+
+# Resume Generation Routes
+@app.route('/profile/generate-resume/<format_type>')
+@login_required
+def generate_resume(format_type):
+    """Generate resume in specified format"""
+    # Check if user has profile data
+    intro = Introduction.query.filter_by(user_id=current_user.id).first()
+    if not intro:
+        flash('Please create your profile first.', 'error')
+        return redirect(url_for('profile'))
+    
+    # Get all profile data
+    summary = ProfileSummary.query.filter_by(user_id=current_user.id).first()
+    work_experiences = WorkExperience.query.filter_by(user_id=current_user.id).order_by(WorkExperience.order).all()
+    projects = Project.query.filter_by(user_id=current_user.id).order_by(Project.order).all()
+    educations = Education.query.filter_by(user_id=current_user.id).order_by(Education.order).all()
+    skills = Skill.query.filter_by(user_id=current_user.id).order_by(Skill.order).all()
+    achievements = Achievement.query.filter_by(user_id=current_user.id).order_by(Achievement.order).all()
+    
+    # Get section order
+    section_order_obj = ProfileSectionOrder.query.filter_by(user_id=current_user.id).first()
+    section_order = section_order_obj.section_order if section_order_obj else [
+        'introduction', 'profile_summary', 'work_experience', 
+        'projects', 'education', 'skills', 'achievements'
+    ]
+    
+    try:
+        if format_type == 'word':
+            return generate_word_resume(
+                intro, summary, work_experiences, projects, 
+                educations, skills, achievements, section_order
+            )
+        elif format_type == 'pdf-standard':
+            return generate_pdf_resume(
+                intro, summary, work_experiences, projects, 
+                educations, skills, achievements, section_order, 'standard'
+            )
+        elif format_type == 'pdf-modern':
+            return generate_pdf_resume(
+                intro, summary, work_experiences, projects, 
+                educations, skills, achievements, section_order, 'modern'
+            )
+        else:
+            flash('Invalid resume format.', 'error')
+            return redirect(url_for('profile'))
+    
+    except Exception as e:
+        import traceback
+        app.logger.error(f"Error generating resume: {str(e)}")
+        app.logger.error(traceback.format_exc())
+        flash(f'An error occurred while generating your resume: {str(e)}', 'error')
+        return redirect(url_for('profile'))
+
+def generate_word_resume(intro, summary, work_experiences, projects, educations, skills, achievements, section_order):
+    """Generate Word document resume"""
+    try:
+        from docx import Document
+        from docx.shared import Pt, Inches, RGBColor
+        from docx.enum.text import WD_ALIGN_PARAGRAPH
+        
+        # Create document
+        doc = Document()
+        
+        # Set default font
+        style = doc.styles['Normal']
+        font = style.font
+        font.name = 'Calibri'
+        font.size = Pt(11)
+        
+            # Header section
+        name_para = doc.add_paragraph()
+        name_para.alignment = WD_ALIGN_PARAGRAPH.CENTER
+        name_run = name_para.add_run(intro.name.upper())
+        name_run.bold = True
+        name_run.size = Pt(16)
+        
+        # Contact info
+        contact_para = doc.add_paragraph()
+        contact_para.alignment = WD_ALIGN_PARAGRAPH.CENTER
+        contact_para.add_run(f"Email: {intro.email} | Phone: {intro.phone}")
+        if intro.linkedin:
+            contact_para.add_run(" | LinkedIn")
+        if intro.github:
+            contact_para.add_run(" | GitHub")
+        if intro.website:
+            contact_para.add_run(" | Website")
+        
+        doc.add_paragraph()
+        
+        # Profile summary
+        if summary:
+            doc.add_heading('Professional Summary', level=1)
+            summary_para = doc.add_paragraph(summary.summary)
+            if summary.ai_generated:
+                ai_para = doc.add_paragraph("AI Generated")
+                ai_para.italic = True
+                ai_para.runs[0].font.size = Pt(9)
+            doc.add_paragraph()
+        
+            for section_name in section_order:
+                if section_name == 'work_experience' and work_experiences:
+                    doc.add_heading('Work Experience', level=1)
+                    for exp in work_experiences:
+                        # Title and organization
+                        exp_para = doc.add_paragraph()
+                        exp_para.add_run(exp.title).bold = True
+                        exp_para.add_run(f" at {exp.organization}").italic = True
+                        
+                        # Date
+                        date_para = doc.add_paragraph()
+                        date_text = f"{exp.start_month}/{exp.start_year} - "
+                        if exp.end_year:
+                            date_text += f"{exp.end_month}/{exp.end_year}"
+                        else:
+                            date_text += "Present"
+                        date_para.add_run(date_text)
+                        
+                        # Remarks
+                        if exp.remarks:
+                            remarks_para = doc.add_paragraph(exp.remarks)
+                        
+                        doc.add_paragraph()
+            
+                elif section_name == 'projects' and projects:
+                    doc.add_heading('Projects', level=1)
+                    for project in projects:
+                        # Title and organization
+                        proj_para = doc.add_paragraph()
+                        proj_para.add_run(project.title).bold = True
+                        if project.organization:
+                            proj_para.add_run(f" at {project.organization}").italic = True
+                        
+                        # Date
+                        date_para = doc.add_paragraph()
+                        date_text = f"{project.start_month}/{project.start_year} - "
+                        if project.end_year:
+                            date_text += f"{project.end_month}/{project.end_year}"
+                        else:
+                            date_text += "Present"
+                        date_para.add_run(date_text)
+                        
+                        # Remarks
+                        if project.remarks:
+                            remarks_para = doc.add_paragraph(project.remarks)
+                        
+                        doc.add_paragraph()
+            
+                elif section_name == 'education' and educations:
+                    doc.add_heading('Education', level=1)
+                    for edu in educations:
+                        # Title and organization
+                        edu_para = doc.add_paragraph()
+                        edu_para.add_run(edu.title).bold = True
+                        edu_para.add_run(f" at {edu.organization}").italic = True
+                        
+                        # Date
+                        date_para = doc.add_paragraph()
+                        date_text = f"{edu.start_month}/{edu.start_year} - "
+                        if edu.end_year:
+                            date_text += f"{edu.end_month}/{edu.end_year}"
+                        else:
+                            date_text += "Present"
+                        date_para.add_run(date_text)
+                        
+                        # Remarks
+                        if edu.remarks:
+                            remarks_para = doc.add_paragraph(edu.remarks)
+                        
+                        doc.add_paragraph()
+            
+                elif section_name == 'skills' and skills:
+                    doc.add_heading('Skills', level=1)
+                    skills_text = ", ".join([skill.skill for skill in skills])
+                    doc.add_paragraph(skills_text)
+                    doc.add_paragraph()
+            
+                elif section_name == 'achievements' and achievements:
+                    doc.add_heading('Achievements', level=1)
+                    for achievement in achievements:
+                        doc.add_paragraph(f"• {achievement.achievement}")
+                    doc.add_paragraph()
+        
+        # Save to bytes
+        from io import BytesIO
+        doc_buffer = BytesIO()
+        doc.save(doc_buffer)
+        doc_buffer.seek(0)
+        
+        # Return as downloadable file
+        username = intro.name.replace(' ', '_')
+        return send_file(
+            doc_buffer,
+            mimetype='application/vnd.openxmlformats-officedocument.wordprocessingml.document',
+            as_attachment=True,
+            download_name=f'{username}_resume.docx'
+        )
+    
+    except Exception as e:
+        app.logger.error(f"Error generating Word resume: {str(e)}")
+        raise
+
+def generate_pdf_resume(intro, summary, work_experiences, projects, educations, skills, achievements, section_order, template_type):
+    """Generate PDF resume using ReportLab"""
+    try:
+        from pdf_generator import create_pdf_resume
+        from io import BytesIO
+        import calendar
+        
+        def format_date(month, year):
+            """Format month and year as 'Month Year'"""
+            if month and year:
+                try:
+                    month_name = calendar.month_name[int(month)]
+                    return f"{month_name[:3]} {year}"
+                except:
+                    return f"{month}/{year}"
+            return ""
+        
+        # Prepare data for PDF generation
+        work_exp_list = []
+        if work_experiences:
+            for exp in work_experiences:
+                start_date = format_date(exp.start_month, exp.start_year)
+                end_date = "Present" if not exp.end_month or not exp.end_year else format_date(exp.end_month, exp.end_year)
+                
+                work_exp_list.append({
+                    'title': exp.title,
+                    'organization': exp.organization,
+                    'start_date': start_date,
+                    'end_date': end_date,
+                    'remarks': exp.remarks or ''
+                })
+        
+        projects_list = []
+        if projects:
+            for proj in projects:
+                start_date = format_date(proj.start_month, proj.start_year)
+                end_date = "Present" if not proj.end_month or not proj.end_year else format_date(proj.end_month, proj.end_year)
+                
+                projects_list.append({
+                    'title': proj.title,
+                    'organization': proj.organization,
+                    'start_date': start_date,
+                    'end_date': end_date,
+                    'remarks': proj.remarks or ''
+                })
+        
+        education_list = []
+        if educations:
+            for edu in educations:
+                start_date = format_date(edu.start_month, edu.start_year)
+                end_date = "Present" if not edu.end_month or not edu.end_year else format_date(edu.end_month, edu.end_year)
+                
+                education_list.append({
+                    'title': edu.title,
+                    'organization': edu.organization,
+                    'start_date': start_date,
+                    'end_date': end_date,
+                    'remarks': edu.remarks or ''
+                })
+        
+        # Convert skills and achievements to comma-separated strings
+        skills_text = ', '.join([skill.skill for skill in skills]) if skills else ''
+        achievements_text = ', '.join([achievement.achievement for achievement in achievements]) if achievements else ''
+        
+        # Create data dictionary
+        data = {
+            'name': intro.name,
+            'email': intro.email,
+            'phone': intro.phone,
+            'linkedin': intro.linkedin,
+            'github': intro.github,
+            'website': intro.website,
+            'summary': summary.summary if summary else '',
+            'work_experience': work_exp_list,
+            'projects': projects_list,
+            'education': education_list,
+            'skills': skills_text,
+            'achievements': achievements_text,
+            'sections_order': section_order
+        }
+        
+        # Generate PDF
+        pdf_bytes = create_pdf_resume(data, template_type)
+        
+        if pdf_bytes:
+            # Return as downloadable file
+            username = intro.name.replace(' ', '_')
+            filename = f'{username}_resume.pdf' if template_type == 'standard' else f'{username}_resume_modern.pdf'
+            
+            pdf_buffer = BytesIO(pdf_bytes)
+            
+            return send_file(
+                pdf_buffer,
+                mimetype='application/pdf',
+                as_attachment=True,
+                download_name=filename
+            )
+        else:
+            raise Exception("PDF generation failed")
+            
+    except Exception as e:
+        app.logger.error(f"Error generating PDF resume: {str(e)}")
+        raise
+
+# Admin Panel Route
+@app.route('/admin')
+@admin_required
+def admin_panel():
+    """Admin panel to manage users"""
+    users = User.query.order_by(User.created_at.desc()).all()
+    return render_template('admin.html', users=users)
+
+# Admin API Endpoints
+@app.route('/api/admin/users', methods=['GET'])
+@admin_required
+def api_get_users():
+    """Get list of all users"""
+    try:
+        users = User.query.order_by(User.created_at.desc()).all()
+        users_data = []
+        
+        for user in users:
+            users_data.append({
+                'id': str(user.id),
+                'email': user.email,
+                'name': user.name,
+                'created_at': user.created_at.isoformat() if user.created_at else None,
+                'is_admin': user.is_admin,
+                'role': user.role
+            })
+        
+        return jsonify({
+            'success': True,
+            'users': users_data
+        })
+    except Exception as e:
+        app.logger.error(f"Error fetching users: {str(e)}")
+        return jsonify({
+            'success': False,
+            'error': str(e)
+        }), 500
+
+@app.route('/api/admin/users/<user_id>', methods=['DELETE'])
+@admin_required
+def api_delete_user(user_id):
+    """Delete a user and all their profile data"""
+    try:
+        # Find the user and store email before deletion
+        user = User.query.get(user_id)
+        if not user:
+            return jsonify({
+                'success': False,
+                'error': 'User not found'
+            }), 404
+        
+        # Store user email for success message
+        user_email = user.email
+        
+        # Don't allow deleting admin users
+        if user.is_admin:
+            return jsonify({
+                'success': False,
+                'error': 'Cannot delete admin users'
+            }), 400
+        
+        # Don't allow deleting self
+        if str(user.id) == str(current_user.id):
+            return jsonify({
+                'success': False,
+                'error': 'Cannot delete your own account'
+            }), 400
+        
+        # Use direct SQL to delete all profile data first
+        # This ensures we handle any duplicate data that might exist
+        
+        # Delete from all profile tables
+        from sqlalchemy import text
+        
+        # Delete introductions (handle potential duplicates)
+        db.session.execute(text("DELETE FROM introductions WHERE user_id = :user_id"), {'user_id': str(user_id)})
+        
+        # Delete profile summaries
+        db.session.execute(text("DELETE FROM profile_summaries WHERE user_id = :user_id"), {'user_id': str(user_id)})
+        
+        # Delete work experiences
+        db.session.execute(text("DELETE FROM work_experiences WHERE user_id = :user_id"), {'user_id': str(user_id)})
+        
+        # Delete projects
+        db.session.execute(text("DELETE FROM projects WHERE user_id = :user_id"), {'user_id': str(user_id)})
+        
+        # Delete education
+        db.session.execute(text("DELETE FROM educations WHERE user_id = :user_id"), {'user_id': str(user_id)})
+        
+        # Delete skills
+        db.session.execute(text("DELETE FROM skills WHERE user_id = :user_id"), {'user_id': str(user_id)})
+        
+        # Delete achievements
+        db.session.execute(text("DELETE FROM achievements WHERE user_id = :user_id"), {'user_id': str(user_id)})
+        
+        # Delete section order
+        db.session.execute(text("DELETE FROM profile_section_orders WHERE user_id = :user_id"), {'user_id': str(user_id)})
+        
+        # Finally delete the user
+        db.session.execute(text("DELETE FROM users WHERE id = :user_id"), {'user_id': str(user_id)})
+        
+        # Expunge the user object from session to avoid the deleted instance warning
+        db.session.expunge(user)
+        
+        db.session.commit()
+        
+        return jsonify({
+            'success': True,
+            'message': f'User {user_email} and all their profile data have been deleted successfully'
+        })
+        
+    except Exception as e:
+        db.session.rollback()
+        app.logger.error(f"Error deleting user: {str(e)}")
+        return jsonify({
+            'success': False,
+            'error': str(e)
+        }), 500
+
+def create_tables_if_needed():
+    """Create database tables if they don't exist"""
+    with app.app_context():
+        # Check if tables exist
+        inspector = db.inspect(db.engine)
+        table_names = inspector.get_table_names()
+        
+        if not table_names or 'users' not in table_names:
+            print("Creating database tables...")
+            db.create_all()
+            print("Database tables created successfully!")
+            
+            # Run admin migration if needed
+            try:
+                from sqlalchemy import text
+                columns = [column['name'] for column in inspector.get_columns('users')]
+                if 'is_admin' not in columns:
+                    print("Running admin migration...")
+                    db.session.execute(text('ALTER TABLE users ADD COLUMN is_admin BOOLEAN DEFAULT FALSE'))
+                    db.session.execute(text('ALTER TABLE users ADD COLUMN role VARCHAR(50) DEFAULT \'User\''))
+                    db.session.commit()
+                    print("Admin migration completed!")
+            except Exception as e:
+                print(f"Migration error: {e}")
+
+# Initialize database
+create_tables_if_needed()
+
+if __name__ == "__main__":
+    port = int(os.environ.get('PORT', 5000))
+    # Railway requires binding to 0.0.0.0
+    # Check if we're running on Railway
+    is_railway = os.environ.get('RAILWAY_ENVIRONMENT') or os.environ.get('RAILWAY_ENVIRONMENT_NAME')
+    host = '0.0.0.0' if is_railway else '127.0.0.1'
+    print(f"Flask running at http://{host}:{port}")
+    # Disable debug mode in production
+    debug = not is_railway
+    app.run(host=host, port=port, debug=debug)

check_profiles.py

@@ -0,0 +1,44 @@
+#!/usr/bin/env python3
+"""
+Check all users and their profiles.
+"""
+
+from models import db, User, Introduction, WorkExperience, Project, Education, Skill, Achievement
+from app import app
+
+def check_all_profiles():
+    """Check all users and their profile data."""
+    
+    with app.app_context():
+        users = User.query.all()
+        print(f"Total users: {len(users)}")
+        
+        for user in users:
+            print(f"\nUser: {user.email} (ID: {user.id})")
+            
+            # Check introduction
+            intro = Introduction.query.filter_by(user_id=user.id).first()
+            print(f"  Has introduction: {'Yes' if intro else 'No'}")
+            if intro:
+                print(f"    Name: {intro.name}")
+            
+            # Check profile summary
+            from models import ProfileSummary
+            summary = ProfileSummary.query.filter_by(user_id=user.id).first()
+            print(f"  Has profile summary: {'Yes' if summary else 'No'}")
+            
+            # Check other sections
+            work_count = WorkExperience.query.filter_by(user_id=user.id).count()
+            project_count = Project.query.filter_by(user_id=user.id).count()
+            education_count = Education.query.filter_by(user_id=user.id).count()
+            skill_count = Skill.query.filter_by(user_id=user.id).count()
+            achievement_count = Achievement.query.filter_by(user_id=user.id).count()
+            
+            print(f"  Work experiences: {work_count}")
+            print(f"  Projects: {project_count}")
+            print(f"  Education: {education_count}")
+            print(f"  Skills: {skill_count}")
+            print(f"  Achievements: {achievement_count}")
+
+if __name__ == "__main__":
+    check_all_profiles()

cleanup_duplicates.py

@@ -0,0 +1,48 @@
+from app import app, db, Introduction, ProfileSummary
+from sqlalchemy import func
+
+def cleanup_duplicate_records():
+    """Clean up duplicate introduction and profile summary records"""
+    with app.app_context():
+        # Find duplicate introductions
+        dup_intros = db.session.query(
+            Introduction.user_id,
+            func.count(Introduction.id).label('count')
+        ).group_by(Introduction.user_id).having(func.count(Introduction.id) > 1).all()
+        
+        print(f"Found {len(dup_intros)} users with duplicate introductions")
+        
+        # For each user with duplicates, keep the most recent one
+        for user_id, count in dup_intros:
+            # Get all introductions for this user, ordered by creation date
+            intros = Introduction.query.filter_by(user_id=user_id).order_by(Introduction.created_at.desc()).all()
+            
+            # Keep the first (most recent), delete the rest
+            for intro in intros[1:]:
+                print(f"Deleting duplicate introduction for user {user_id}: {intro.id}")
+                db.session.delete(intro)
+        
+        # Find duplicate profile summaries
+        dup_summaries = db.session.query(
+            ProfileSummary.user_id,
+            func.count(ProfileSummary.id).label('count')
+        ).group_by(ProfileSummary.user_id).having(func.count(ProfileSummary.id) > 1).all()
+        
+        print(f"Found {len(dup_summaries)} users with duplicate profile summaries")
+        
+        # For each user with duplicates, keep the most recent one
+        for user_id, count in dup_summaries:
+            # Get all profile summaries for this user, ordered by creation date
+            summaries = ProfileSummary.query.filter_by(user_id=user_id).order_by(ProfileSummary.created_at.desc()).all()
+            
+            # Keep the first (most recent), delete the rest
+            for summary in summaries[1:]:
+                print(f"Deleting duplicate profile summary for user {user_id}: {summary.id}")
+                db.session.delete(summary)
+        
+        # Commit the changes
+        db.session.commit()
+        print("Cleanup completed!")
+
+if __name__ == "__main__":
+    cleanup_duplicate_records()

create_tables.py

@@ -0,0 +1,57 @@
+"""
+Database setup script to create tables for the auth system
+"""
+import os
+from dotenv import load_dotenv
+from flask import Flask
+from models import db, User
+
+def create_app():
+    """Create Flask app for database operations"""
+    app = Flask(__name__)
+    
+    # Configure Flask
+    app.config['SECRET_KEY'] = os.environ.get('SECRET_KEY')
+    app.config['SQLALCHEMY_DATABASE_URI'] = os.environ.get('SQLALCHEMY_DATABASE_URI')
+    app.config['SQLALCHEMY_TRACK_MODIFICATIONS'] = False
+    
+    # Initialize database
+    db.init_app(app)
+    
+    return app
+
+def create_tables():
+    """Create database tables"""
+    print("Creating database tables...")
+    
+    app = create_app()
+    
+    with app.app_context():
+        try:
+            # Create all tables
+            db.create_all()
+            print("Database tables created successfully!")
+            
+            # Check if tables exist
+            inspector = db.inspect(db.engine)
+            tables = inspector.get_table_names()
+            print(f"Tables created: {tables}")
+            
+        except Exception as e:
+            print(f"Error creating tables: {e}")
+            raise
+
+if __name__ == "__main__":
+    # Load environment variables
+    load_dotenv()
+    
+    # Verify database URL
+    db_url = os.environ.get('SQLALCHEMY_DATABASE_URI')
+    if not db_url:
+        print("DATABASE_URL not found in environment variables")
+        exit(1)
+    
+    print(f"Using database: {db_url.split('@')[1] if '@' in db_url else 'local'}")
+    
+    # Create tables
+    create_tables()

debug_profile.py

@@ -0,0 +1,83 @@
+#!/usr/bin/env python3
+"""
+Debug script to check database state and test PDF generation.
+"""
+
+from models import db, User, Introduction, WorkExperience, Project, Education, Skill, Achievement, ProfileSectionOrder
+from app import app
+import calendar
+
+def debug_user_profile():
+    """Debug user profile data."""
+    
+    with app.app_context():
+        # Get first user (for testing)
+        user = User.query.first()
+        if not user:
+            print("No users found in database")
+            return
+        
+        print(f"Debugging profile for user: {user.email}")
+        
+        # Get profile data
+        intro = Introduction.query.filter_by(user_id=user.id).first()
+        if not intro:
+            print("No introduction found")
+            return
+        
+        print(f"Introduction: {intro.name}")
+        
+        # Get work experiences
+        work_experiences = WorkExperience.query.filter_by(user_id=user.id).all()
+        print(f"Work experiences: {len(work_experiences)}")
+        for exp in work_experiences:
+            print(f"  - {exp.title} at {exp.organization} ({exp.start_month}/{exp.start_year} - {exp.end_month or 'Present'}/{exp.end_year or ''})")
+        
+        # Get projects
+        projects = Project.query.filter_by(user_id=user.id).all()
+        print(f"Projects: {len(projects)}")
+        
+        # Get education
+        educations = Education.query.filter_by(user_id=user.id).all()
+        print(f"Education: {len(educations)}")
+        
+        # Get skills
+        skills = Skill.query.filter_by(user_id=user.id).all()
+        print(f"Skills: {len(skills)}")
+        for skill in skills:
+            print(f"  - {skill.skill}")
+        
+        # Get achievements
+        achievements = Achievement.query.filter_by(user_id=user.id).all()
+        print(f"Achievements: {len(achievements)}")
+        for achievement in achievements:
+            print(f"  - {achievement.achievement}")
+        
+        # Test data preparation (same as in app.py)
+        def format_date(month, year):
+            """Format month and year as 'Month Year'"""
+            if month and year:
+                try:
+                    month_name = calendar.month_name[int(month)]
+                    return f"{month_name[:3]} {year}"
+                except:
+                    return f"{month}/{year}"
+            return ""
+        
+        # Prepare work experiences
+        work_exp_list = []
+        for exp in work_experiences:
+            start_date = format_date(exp.start_month, exp.start_year)
+            end_date = "Present" if not exp.end_month or not exp.end_year else format_date(exp.end_month, exp.end_year)
+            
+            work_exp_list.append({
+                'title': exp.title,
+                'organization': exp.organization,
+                'start_date': start_date,
+                'end_date': end_date,
+                'remarks': exp.remarks or ''
+            })
+            print(f"Formatted work exp: {work_exp_list[-1]}")
+
+if __name__ == "__main__":
+    debug_user_profile()

debug_user_delete.py

@@ -0,0 +1,59 @@
+#!/usr/bin/env python3
+"""
+Debug script to check user and their relationships
+"""
+import os
+import sys
+from dotenv import load_dotenv
+
+# Load environment variables
+load_dotenv()
+
+# Add current directory to Python path
+sys.path.insert(0, os.path.dirname(os.path.abspath(__file__)))
+
+from flask import Flask
+from models import db, User, Introduction, ProfileSummary, WorkExperience, Project, Education, Skill, Achievement, ProfileSectionOrder
+
+def debug_user_relationships(user_email):
+    """Debug user relationships"""
+    app = Flask(__name__)
+    app.config['SECRET_KEY'] = os.environ.get('SECRET_KEY', 'dev-secret-key-change-in-production')
+    app.config['SQLALCHEMY_DATABASE_URI'] = os.environ.get('SQLALCHEMY_DATABASE_URI')
+    app.config['SQLALCHEMY_TRACK_MODIFICATIONS'] = False
+    
+    db.init_app(app)
+    
+    with app.app_context():
+        user = User.query.filter_by(email=user_email).first()
+        if not user:
+            print(f"User {user_email} not found")
+            return
+        
+        print(f"User: {user.email} (ID: {user.id})")
+        print(f"Is admin: {user.is_admin}")
+        
+        # Check relationships
+        print("\nProfile data:")
+        print(f"Introduction: {user.introduction}")
+        print(f"Profile Summary: {user.profile_summary}")
+        print(f"Work experiences: {len(user.work_experiences)}")
+        print(f"Projects: {len(user.projects)}")
+        print(f"Education: {len(user.educations)}")
+        print(f"Skills: {len(user.skills)}")
+        print(f"Achievements: {len(user.achievements)}")
+        print(f"Section order: {user.section_order}")
+        
+        # Check direct queries
+        print("\nDirect database queries:")
+        intro = Introduction.query.filter_by(user_id=user.id).first()
+        print(f"Direct intro query: {intro}")
+        
+        # Check if user has any introductions
+        from sqlalchemy import text
+        result = db.session.execute(text("SELECT COUNT(*) FROM introductions WHERE user_id = :user_id"), {'user_id': str(user.id)})
+        count = result.scalar()
+        print(f"Introduction count from direct SQL: {count}")
+
+if __name__ == '__main__':
+    debug_user_relationships('test1@example.com')

migrate_admin_columns.py

@@ -0,0 +1,62 @@
+#!/usr/bin/env python3
+"""
+Migration script to add admin columns to users table
+Run this script to update the database schema for admin functionality
+"""
+
+import os
+import sys
+from dotenv import load_dotenv
+
+# Load environment variables
+load_dotenv()
+
+# Add current directory to Python path
+sys.path.insert(0, os.path.dirname(os.path.abspath(__file__)))
+
+from flask import Flask
+from flask_sqlalchemy import SQLAlchemy
+from models import db, User
+import uuid
+from sqlalchemy import text
+
+def migrate_database():
+    """Add is_admin and role columns to users table"""
+    
+    app = Flask(__name__)
+    app.config['SECRET_KEY'] = os.environ.get('SECRET_KEY', 'dev-secret-key-change-in-production')
+    app.config['SQLALCHEMY_DATABASE_URI'] = os.environ.get('SQLALCHEMY_DATABASE_URI')
+    app.config['SQLALCHEMY_TRACK_MODIFICATIONS'] = False
+    
+    db.init_app(app)
+    
+    with app.app_context():
+        # Check if columns already exist
+        inspector = db.inspect(db.engine)
+        columns = [column['name'] for column in inspector.get_columns('users')]
+        
+        if 'is_admin' not in columns:
+            print("Adding is_admin column...")
+            db.session.execute(text('ALTER TABLE users ADD COLUMN is_admin BOOLEAN DEFAULT FALSE'))
+        
+        if 'role' not in columns:
+            print("Adding role column...")
+            db.session.execute(text('ALTER TABLE users ADD COLUMN role VARCHAR(50) DEFAULT \'User\''))
+        
+        db.session.commit()
+        print("Migration completed successfully!")
+        
+        # Update admin user if exists
+        admin_email = os.environ.get('ADMIN_EMAIL')
+        if admin_email:
+            admin_user = User.query.filter_by(email=admin_email).first()
+            if admin_user:
+                admin_user.is_admin = True
+                admin_user.role = 'Admin'
+                db.session.commit()
+                print(f"Updated {admin_email} as admin user")
+            else:
+                print(f"Admin user {admin_email} not found in database")
+
+if __name__ == '__main__':
+    migrate_database()

models.py

@@ -0,0 +1,163 @@
+from flask_sqlalchemy import SQLAlchemy
+from flask_login import UserMixin
+from sqlalchemy.dialects.postgresql import UUID
+from sqlalchemy.orm import relationship
+import uuid
+from datetime import datetime
+from werkzeug.security import generate_password_hash, check_password_hash
+
+db = SQLAlchemy()
+
+class User(UserMixin, db.Model):
+    __tablename__ = 'users'
+    
+    id = db.Column(UUID(as_uuid=True), primary_key=True, default=uuid.uuid4)
+    email = db.Column(db.String(255), unique=True, nullable=False)
+    password_hash = db.Column(db.String(255), nullable=False)
+    name = db.Column(db.String(255), nullable=False)
+    created_at = db.Column(db.DateTime, default=datetime.utcnow)
+    is_admin = db.Column(db.Boolean, default=False, nullable=False)
+    role = db.Column(db.String(50), default='User', nullable=False)
+    
+    # Profile sections
+    introduction = relationship("Introduction", back_populates="user", uselist=False, cascade="all, delete-orphan")
+    profile_summary = relationship("ProfileSummary", back_populates="user", uselist=False, cascade="all, delete-orphan")
+    work_experiences = relationship("WorkExperience", back_populates="user", cascade="all, delete-orphan")
+    projects = relationship("Project", back_populates="user", cascade="all, delete-orphan")
+    educations = relationship("Education", back_populates="user", cascade="all, delete-orphan")
+    skills = relationship("Skill", back_populates="user", cascade="all, delete-orphan")
+    achievements = relationship("Achievement", back_populates="user", cascade="all, delete-orphan")
+    section_order = relationship("ProfileSectionOrder", back_populates="user", uselist=False, cascade="all, delete-orphan")
+    
+    def set_password(self, password):
+        self.password_hash = generate_password_hash(password)
+    
+    def check_password(self, password):
+        # Check if it's a bcrypt hash (starts with $2a$, $2b$, etc.)
+        if self.password_hash.startswith('$2'):
+            import bcrypt
+            return bcrypt.checkpw(password.encode('utf-8'), self.password_hash.encode('utf-8'))
+        else:
+            # Use Werkzeug's check_password_hash for other hash types
+            return check_password_hash(self.password_hash, password)
+    
+    def get_id(self):
+        return str(self.id)
+    
+    def __repr__(self):
+        return f'<User {self.email}>'
+
+class Introduction(db.Model):
+    __tablename__ = 'introductions'
+    
+    id = db.Column(UUID(as_uuid=True), primary_key=True, default=uuid.uuid4)
+    user_id = db.Column(UUID(as_uuid=True), db.ForeignKey('users.id'), nullable=False)
+    name = db.Column(db.String(255), nullable=False)
+    email = db.Column(db.String(255), nullable=False)
+    phone = db.Column(db.String(50), nullable=False)
+    linkedin = db.Column(db.String(255))
+    github = db.Column(db.String(255))
+    website = db.Column(db.String(255))
+    created_at = db.Column(db.DateTime, default=datetime.utcnow)
+    updated_at = db.Column(db.DateTime, default=datetime.utcnow, onupdate=datetime.utcnow)
+    
+    user = relationship("User", back_populates="introduction")
+
+class ProfileSummary(db.Model):
+    __tablename__ = 'profile_summaries'
+    
+    id = db.Column(UUID(as_uuid=True), primary_key=True, default=uuid.uuid4)
+    user_id = db.Column(UUID(as_uuid=True), db.ForeignKey('users.id'), nullable=False)
+    summary = db.Column(db.Text)
+    ai_generated = db.Column(db.Boolean, default=False)
+    created_at = db.Column(db.DateTime, default=datetime.utcnow)
+    updated_at = db.Column(db.DateTime, default=datetime.utcnow, onupdate=datetime.utcnow)
+    
+    user = relationship("User", back_populates="profile_summary")
+
+class WorkExperience(db.Model):
+    __tablename__ = 'work_experiences'
+    
+    id = db.Column(UUID(as_uuid=True), primary_key=True, default=uuid.uuid4)
+    user_id = db.Column(UUID(as_uuid=True), db.ForeignKey('users.id'), nullable=False)
+    organization = db.Column(db.String(255), nullable=False)
+    title = db.Column(db.String(255), nullable=False)
+    start_month = db.Column(db.Integer, nullable=False)  # 1-12
+    start_year = db.Column(db.Integer, nullable=False)
+    end_month = db.Column(db.Integer)  # NULL if present
+    end_year = db.Column(db.Integer)  # NULL if present
+    remarks = db.Column(db.Text)
+    order = db.Column(db.Integer, default=0)
+    created_at = db.Column(db.DateTime, default=datetime.utcnow)
+    updated_at = db.Column(db.DateTime, default=datetime.utcnow, onupdate=datetime.utcnow)
+    
+    user = relationship("User", back_populates="work_experiences")
+
+class Project(db.Model):
+    __tablename__ = 'projects'
+    
+    id = db.Column(UUID(as_uuid=True), primary_key=True, default=uuid.uuid4)
+    user_id = db.Column(UUID(as_uuid=True), db.ForeignKey('users.id'), nullable=False)
+    organization = db.Column(db.String(255))
+    title = db.Column(db.String(255), nullable=False)
+    start_month = db.Column(db.Integer, nullable=False)  # 1-12
+    start_year = db.Column(db.Integer, nullable=False)
+    end_month = db.Column(db.Integer)  # NULL if present
+    end_year = db.Column(db.Integer)  # NULL if present
+    remarks = db.Column(db.Text)
+    order = db.Column(db.Integer, default=0)
+    created_at = db.Column(db.DateTime, default=datetime.utcnow)
+    updated_at = db.Column(db.DateTime, default=datetime.utcnow, onupdate=datetime.utcnow)
+    
+    user = relationship("User", back_populates="projects")
+
+class Education(db.Model):
+    __tablename__ = 'educations'
+    
+    id = db.Column(UUID(as_uuid=True), primary_key=True, default=uuid.uuid4)
+    user_id = db.Column(UUID(as_uuid=True), db.ForeignKey('users.id'), nullable=False)
+    organization = db.Column(db.String(255), nullable=False)
+    title = db.Column(db.String(255), nullable=False)
+    start_month = db.Column(db.Integer, nullable=False)  # 1-12
+    start_year = db.Column(db.Integer, nullable=False)
+    end_month = db.Column(db.Integer)  # NULL if present
+    end_year = db.Column(db.Integer)  # NULL if present
+    remarks = db.Column(db.Text)
+    order = db.Column(db.Integer, default=0)
+    created_at = db.Column(db.DateTime, default=datetime.utcnow)
+    updated_at = db.Column(db.DateTime, default=datetime.utcnow, onupdate=datetime.utcnow)
+    
+    user = relationship("User", back_populates="educations")
+
+class Skill(db.Model):
+    __tablename__ = 'skills'
+    
+    id = db.Column(UUID(as_uuid=True), primary_key=True, default=uuid.uuid4)
+    user_id = db.Column(UUID(as_uuid=True), db.ForeignKey('users.id'), nullable=False)
+    skill = db.Column(db.String(255), nullable=False)
+    order = db.Column(db.Integer, default=0)
+    created_at = db.Column(db.DateTime, default=datetime.utcnow)
+    
+    user = relationship("User", back_populates="skills")
+
+class Achievement(db.Model):
+    __tablename__ = 'achievements'
+    
+    id = db.Column(UUID(as_uuid=True), primary_key=True, default=uuid.uuid4)
+    user_id = db.Column(UUID(as_uuid=True), db.ForeignKey('users.id'), nullable=False)
+    achievement = db.Column(db.String(255), nullable=False)
+    order = db.Column(db.Integer, default=0)
+    created_at = db.Column(db.DateTime, default=datetime.utcnow)
+    
+    user = relationship("User", back_populates="achievements")
+
+class ProfileSectionOrder(db.Model):
+    __tablename__ = 'profile_section_orders'
+    
+    id = db.Column(UUID(as_uuid=True), primary_key=True, default=uuid.uuid4)
+    user_id = db.Column(UUID(as_uuid=True), db.ForeignKey('users.id'), nullable=False, unique=True)
+    section_order = db.Column(db.JSON, nullable=False)  # Stores order as JSON array
+    created_at = db.Column(db.DateTime, default=datetime.utcnow)
+    updated_at = db.Column(db.DateTime, default=datetime.utcnow, onupdate=datetime.utcnow)
+    
+    user = relationship("User", back_populates="section_order")

pdf_generator.py

@@ -0,0 +1,358 @@
+"""
+PDF generation using ReportLab.
+This module provides functions to create PDF documents directly.
+"""
+
+import os
+from io import BytesIO
+from reportlab.lib.pagesizes import letter, A4
+from reportlab.lib.styles import getSampleStyleSheet, ParagraphStyle
+from reportlab.lib.units import inch, cm
+from reportlab.lib.colors import black, grey
+from reportlab.platypus import SimpleDocTemplate, Paragraph, Spacer, Table, TableStyle
+from reportlab.platypus.flowables import PageBreak
+from reportlab.lib.enums import TA_LEFT, TA_CENTER, TA_RIGHT
+from utils import log_error
+
+
+def create_pdf_resume(data, template_type="standard"):
+    """
+    Create a PDF resume using ReportLab.
+    
+    Args:
+        data (dict): Resume data
+        template_type (str): 'standard' or 'modern'
+        
+    Returns:
+        bytes: PDF bytes
+    """
+    try:
+        buffer = BytesIO()
+        
+        if template_type == "modern":
+            doc = SimpleDocTemplate(buffer, pagesize=A4, 
+                                  leftMargin=0.5*inch, rightMargin=0.5*inch,
+                                  topMargin=0.5*inch, bottomMargin=0.5*inch)
+            elements = _create_modern_resume_elements(data)
+        else:
+            doc = SimpleDocTemplate(buffer, pagesize=A4,
+                                  leftMargin=0.75*inch, rightMargin=0.75*inch,
+                                  topMargin=0.75*inch, bottomMargin=0.75*inch)
+            elements = _create_standard_resume_elements(data)
+        
+        doc.build(elements)
+        pdf_bytes = buffer.getvalue()
+        buffer.close()
+        
+        return pdf_bytes
+        
+    except Exception as e:
+        log_error(f"PDF creation failed: {str(e)}", e)
+        return None
+
+
+def _create_standard_resume_elements(data):
+    """Create elements for standard resume template."""
+    styles = getSampleStyleSheet()
+    elements = []
+    
+    # Custom styles
+    styles.add(ParagraphStyle(
+        name='Name',
+        parent=styles['Heading1'],
+        fontSize=24,
+        spaceAfter=12,
+        alignment=TA_CENTER
+    ))
+    
+    styles.add(ParagraphStyle(
+        name='Contact',
+        parent=styles['Normal'],
+        fontSize=10,
+        spaceAfter=30,
+        alignment=TA_CENTER
+    ))
+    
+    styles.add(ParagraphStyle(
+        name='SectionTitle',
+        parent=styles['Heading2'],
+        fontSize=14,
+        spaceBefore=20,
+        spaceAfter=10,
+        borderWidth=1,
+        borderColor=grey,
+        borderPadding=5
+    ))
+    
+    styles.add(ParagraphStyle(
+        name='JobTitle',
+        parent=styles['Heading3'],
+        fontSize=12,
+        spaceAfter=2
+    ))
+    
+    styles.add(ParagraphStyle(
+        name='Company',
+        parent=styles['Normal'],
+        fontSize=11,
+        textColor=grey,
+        spaceAfter=5
+    ))
+    
+    styles.add(ParagraphStyle(
+        name='Date',
+        parent=styles['Normal'],
+        fontSize=10,
+        textColor=grey,
+        alignment=TA_RIGHT
+    ))
+    
+    # Name
+    elements.append(Paragraph(data.get('name', ''), styles['Name']))
+    
+    # Contact info
+    contact_info = []
+    if data.get('email'):
+        contact_info.append(f"Email: {data['email']}")
+    if data.get('phone'):
+        contact_info.append(f"Phone: {data['phone']}")
+    if data.get('linkedin'):
+        contact_info.append(f"LinkedIn: {data['linkedin']}")
+    if data.get('github'):
+        contact_info.append(f"GitHub: {data['github']}")
+    
+    if contact_info:
+        elements.append(Paragraph(" | ".join(contact_info), styles['Contact']))
+    
+    # Profile Summary
+    if data.get('summary'):
+        elements.append(Paragraph("Profile Summary", styles['SectionTitle']))
+        elements.append(Paragraph(data['summary'], styles['Normal']))
+    
+    # Add sections based on order
+    sections_order = data.get('sections_order', [])
+    
+    for section in sections_order:
+        if section == 'work_experience' and data.get('work_experience'):
+            elements.append(Paragraph("Work Experience", styles['SectionTitle']))
+            for exp in data['work_experience']:
+                elements.append(Paragraph(exp.get('title', ''), styles['JobTitle']))
+                elements.append(Paragraph(exp.get('organization', ''), styles['Company']))
+                
+                # Create table for date and remarks
+                date_data = [[
+                    Paragraph(f"{exp.get('start_date', '')} - {exp.get('end_date', 'Present')}", styles['Date']),
+                    Paragraph(exp.get('remarks', ''), styles['Normal'])
+                ]]
+                date_table = Table(date_data, colWidths=[2*inch, 4*inch])
+                date_table.setStyle(TableStyle([
+                    ('VALIGN', (0, 0), (-1, -1), 'TOP'),
+                ]))
+                elements.append(date_table)
+                elements.append(Spacer(1, 10))
+                
+        elif section == 'projects' and data.get('projects'):
+            elements.append(Paragraph("Projects", styles['SectionTitle']))
+            for proj in data['projects']:
+                elements.append(Paragraph(proj.get('title', ''), styles['JobTitle']))
+                elements.append(Paragraph(proj.get('organization', ''), styles['Company']))
+                
+                date_data = [[
+                    Paragraph(f"{proj.get('start_date', '')} - {proj.get('end_date', 'Present')}", styles['Date']),
+                    Paragraph(proj.get('remarks', ''), styles['Normal'])
+                ]]
+                date_table = Table(date_data, colWidths=[2*inch, 4*inch])
+                date_table.setStyle(TableStyle([
+                    ('VALIGN', (0, 0), (-1, -1), 'TOP'),
+                ]))
+                elements.append(date_table)
+                elements.append(Spacer(1, 10))
+                
+        elif section == 'education' and data.get('education'):
+            elements.append(Paragraph("Education", styles['SectionTitle']))
+            for edu in data['education']:
+                elements.append(Paragraph(edu.get('title', ''), styles['JobTitle']))
+                elements.append(Paragraph(edu.get('organization', ''), styles['Company']))
+                
+                date_data = [[
+                    Paragraph(f"{edu.get('start_date', '')} - {edu.get('end_date', 'Present')}", styles['Date']),
+                    Paragraph(edu.get('remarks', ''), styles['Normal'])
+                ]]
+                date_table = Table(date_data, colWidths=[2*inch, 4*inch])
+                date_table.setStyle(TableStyle([
+                    ('VALIGN', (0, 0), (-1, -1), 'TOP'),
+                ]))
+                elements.append(date_table)
+                elements.append(Spacer(1, 10))
+                
+        elif section == 'skills' and data.get('skills'):
+            elements.append(Paragraph("Skills", styles['SectionTitle']))
+            skills_list = [skill.strip() for skill in data['skills'].split(',')]
+            elements.append(Paragraph(", ".join(skills_list), styles['Normal']))
+            
+        elif section == 'achievements' and data.get('achievements'):
+            elements.append(Paragraph("Achievements", styles['SectionTitle']))
+            achievements_list = [achievement.strip() for achievement in data['achievements'].split(',')]
+            elements.append(Paragraph(", ".join(achievements_list), styles['Normal']))
+    
+    return elements
+
+
+def _create_modern_resume_elements(data):
+    """Create elements for modern resume template (two-column)."""
+    styles = getSampleStyleSheet()
+    elements = []
+    
+    # Custom styles
+    styles.add(ParagraphStyle(
+        name='Name',
+        parent=styles['Heading1'],
+        fontSize=20,
+        spaceAfter=12,
+        alignment=TA_CENTER
+    ))
+    
+    styles.add(ParagraphStyle(
+        name='Contact',
+        parent=styles['Normal'],
+        fontSize=9,
+        spaceAfter=20,
+        alignment=TA_CENTER
+    ))
+    
+    styles.add(ParagraphStyle(
+        name='SectionTitle',
+        parent=styles['Heading2'],
+        fontSize=12,
+        spaceBefore=15,
+        spaceAfter=8,
+        textColor=black
+    ))
+    
+    styles.add(ParagraphStyle(
+        name='JobTitle',
+        parent=styles['Heading3'],
+        fontSize=11,
+        spaceAfter=2
+    ))
+    
+    styles.add(ParagraphStyle(
+        name='Company',
+        parent=styles['Normal'],
+        fontSize=10,
+        textColor=grey,
+        spaceAfter=5
+    ))
+    
+    styles.add(ParagraphStyle(
+        name='Date',
+        parent=styles['Normal'],
+        fontSize=9,
+        textColor=grey,
+        alignment=TA_RIGHT
+    ))
+    
+    # Header (full width)
+    elements.append(Paragraph(data.get('name', ''), styles['Name']))
+    
+    # Contact info
+    contact_info = []
+    if data.get('email'):
+        contact_info.append(f"Email: {data['email']}")
+    if data.get('phone'):
+        contact_info.append(f"Phone: {data['phone']}")
+    if data.get('linkedin'):
+        contact_info.append(f"LinkedIn: {data['linkedin']}")
+    if data.get('github'):
+        contact_info.append(f"GitHub: {data['github']}")
+    
+    if contact_info:
+        elements.append(Paragraph(" | ".join(contact_info), styles['Contact']))
+    
+    # Two-column layout
+    left_col_width = 2.5 * inch
+    right_col_width = 4.5 * inch
+    
+    # Main content (right column)
+    main_elements = []
+    
+    # Profile Summary
+    if data.get('summary'):
+        main_elements.append(Paragraph("Profile Summary", styles['SectionTitle']))
+        main_elements.append(Paragraph(data['summary'], styles['Normal']))
+    
+    # Add sections to main content
+    sections_order = data.get('sections_order', [])
+    
+    for section in sections_order:
+        if section == 'work_experience' and data.get('work_experience'):
+            main_elements.append(Paragraph("Work Experience", styles['SectionTitle']))
+            for exp in data['work_experience']:
+                main_elements.append(Paragraph(exp.get('title', ''), styles['JobTitle']))
+                main_elements.append(Paragraph(exp.get('organization', ''), styles['Company']))
+                main_elements.append(Paragraph(
+                    f"{exp.get('start_date', '')} - {exp.get('end_date', 'Present')}", 
+                    styles['Date']
+                ))
+                main_elements.append(Paragraph(exp.get('remarks', ''), styles['Normal']))
+                main_elements.append(Spacer(1, 10))
+                
+        elif section == 'projects' and data.get('projects'):
+            main_elements.append(Paragraph("Projects", styles['SectionTitle']))
+            for proj in data['projects']:
+                main_elements.append(Paragraph(proj.get('title', ''), styles['JobTitle']))
+                main_elements.append(Paragraph(proj.get('organization', ''), styles['Company']))
+                main_elements.append(Paragraph(
+                    f"{proj.get('start_date', '')} - {proj.get('end_date', 'Present')}", 
+                    styles['Date']
+                ))
+                main_elements.append(Paragraph(proj.get('remarks', ''), styles['Normal']))
+                main_elements.append(Spacer(1, 10))
+                
+        elif section == 'education' and data.get('education'):
+            main_elements.append(Paragraph("Education", styles['SectionTitle']))
+            for edu in data['education']:
+                main_elements.append(Paragraph(edu.get('title', ''), styles['JobTitle']))
+                main_elements.append(Paragraph(edu.get('organization', ''), styles['Company']))
+                main_elements.append(Paragraph(
+                    f"{edu.get('start_date', '')} - {edu.get('end_date', 'Present')}", 
+                    styles['Date']
+                ))
+                main_elements.append(Paragraph(edu.get('remarks', ''), styles['Normal']))
+                main_elements.append(Spacer(1, 10))
+    
+    # Sidebar (left column)
+    sidebar_elements = []
+    
+    # Skills
+    if data.get('skills'):
+        sidebar_elements.append(Paragraph("Skills", styles['SectionTitle']))
+        skills_list = [skill.strip() for skill in data['skills'].split(',')]
+        for skill in skills_list:
+            sidebar_elements.append(Paragraph(f"• {skill}", styles['Normal']))
+        sidebar_elements.append(Spacer(1, 10))
+    
+    # Achievements
+    if data.get('achievements'):
+        sidebar_elements.append(Paragraph("Achievements", styles['SectionTitle']))
+        achievements_list = [achievement.strip() for achievement in data['achievements'].split(',')]
+        for achievement in achievements_list:
+            sidebar_elements.append(Paragraph(f"• {achievement}", styles['Normal']))
+    
+    # Create two-column table
+    all_elements = []
+    max_len = max(len(main_elements), len(sidebar_elements))
+    
+    for i in range(max_len):
+        left = sidebar_elements[i] if i < len(sidebar_elements) else Spacer(1, 1)
+        right = main_elements[i] if i < len(main_elements) else Spacer(1, 1)
+        all_elements.append([left, right])
+    
+    if all_elements:
+        col_table = Table(all_elements, colWidths=[left_col_width, right_col_width])
+        col_table.setStyle(TableStyle([
+            ('VALIGN', (0, 0), (-1, -1), 'TOP'),
+        ]))
+        elements.append(col_table)
+    
+    return elements

requirements.txt

@@ -0,0 +1,57 @@
+# backend/requirements.txt
+# Core web framework
+Flask==3.1.2
+
+# Auth + JWT
+Flask-JWT-Extended==4.7.1
+Flask-Login==0.6.3
+
+# Redis client
+redis==6.4.0
+
+# Environment variable loader
+python-dotenv==1.1.1
+
+# DB (Postgres driver) + ORM & migrations (if you use Postgres)
+psycopg2-binary==2.9.10
+SQLAlchemy==2.0.43
+alembic==1.16.5
+
+# Password hashing
+passlib==1.7.4
+bcrypt==4.3.0
+
+# PDF generation
+# reportlab==4.0.4
+
+# Word (DOCX) generation
+python-docx==1.2.0
+
+# Asynchronous file helpers (optional, useful for file writes)
+aiofiles==24.1.0
+
+# OpenAI for profile summarization
+openai==1.107.1
+
+# Optional: utilities and production server
+python-multipart==0.0.20   # if you accept multipart uploads
+gunicorn==23.0.0
+
+# Dev / testing tools
+pytest==8.4.2
+pytest-cov==7.0.0
+
+# HTTP clients (if needed)
+httpx==0.28.1
+
+# Optional helpers
+boto3==1.40.28    # only if you later switch to S3 (currently not required)
+
+flask-cors==6.0.1
+requests==2.32.5
+
+email-validator==2.3.0
+Flask-Login==0.6.3
+requests-oauthlib==2.0.0
+Flask-SQLAlchemy==3.1.1
+reportlab==4.4.3

templates/admin.html

@@ -0,0 +1,242 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Admin Panel - AI Resume Builder</title>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.0/font/bootstrap-icons.css" rel="stylesheet">
+    <style>
+        .navbar-brand {
+            font-weight: bold;
+        }
+        .table-actions {
+            white-space: nowrap;
+        }
+        .user-count {
+            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+            color: white;
+            padding: 20px;
+            border-radius: 10px;
+            margin-bottom: 30px;
+        }
+        .delete-btn {
+            transition: all 0.3s ease;
+        }
+        .delete-btn:hover {
+            transform: scale(1.1);
+        }
+        .admin-badge {
+            background-color: #dc3545;
+            color: white;
+            padding: 4px 8px;
+            border-radius: 4px;
+            font-size: 0.75rem;
+        }
+        .user-badge {
+            background-color: #6c757d;
+            color: white;
+            padding: 4px 8px;
+            border-radius: 4px;
+            font-size: 0.75rem;
+        }
+    </style>
+</head>
+<body>
+    <!-- Navigation -->
+    <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
+        <div class="container">
+            <a class="navbar-brand" href="{{ url_for('admin_panel') }}">
+                <i class="bi bi-shield-lock"></i> Admin Panel
+            </a>
+            <div class="navbar-nav ms-auto">
+                <a class="nav-link" href="{{ url_for('profile') }}">
+                    <i class="bi bi-person-circle"></i> Back to Profile
+                </a>
+                <a class="nav-link" href="{{ url_for('logout') }}">
+                    <i class="bi bi-box-arrow-right"></i> Logout
+                </a>
+            </div>
+        </div>
+    </nav>
+
+    <!-- Main Content -->
+    <div class="container mt-4">
+        <!-- User Statistics -->
+        <div class="user-count text-center">
+            <h2><i class="bi bi-people-fill"></i> User Management</h2>
+            <p class="mb-0 h4">Total Users: {{ users|length }}</p>
+        </div>
+
+        <!-- Users Table -->
+        <div class="card">
+            <div class="card-header bg-primary text-white">
+                <h5 class="mb-0"><i class="bi bi-table"></i> Registered Users</h5>
+            </div>
+            <div class="card-body">
+                <div class="table-responsive">
+                    <table class="table table-hover" id="usersTable">
+                        <thead>
+                            <tr>
+                                <th>ID</th>
+                                <th>Name</th>
+                                <th>Email</th>
+                                <th>Role</th>
+                                <th>Created At</th>
+                                <th>Actions</th>
+                            </tr>
+                        </thead>
+                        <tbody>
+                            {% for user in users %}
+                            <tr data-user-id="{{ user.id }}">
+                                <td><code>{{ user.id|string|truncate(8, True, '') }}...</code></td>
+                                <td>{{ user.name }}</td>
+                                <td>{{ user.email }}</td>
+                                <td>
+                                    {% if user.is_admin %}
+                                        <span class="admin-badge">Admin</span>
+                                    {% else %}
+                                        <span class="user-badge">User</span>
+                                    {% endif %}
+                                </td>
+                                <td>{{ user.created_at.strftime('%Y-%m-%d %H:%M') if user.created_at else 'N/A' }}</td>
+                                <td class="table-actions">
+                                    {% if not user.is_admin %}
+                                    <button class="btn btn-sm btn-danger delete-btn" 
+                                            onclick="deleteUser('{{ user.id }}', '{{ user.email }}')"
+                                            title="Delete User">
+                                        <i class="bi bi-trash"></i>
+                                    </button>
+                                    {% endif %}
+                                </td>
+                            </tr>
+                            {% endfor %}
+                        </tbody>
+                    </table>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <!-- Delete Confirmation Modal -->
+    <div class="modal fade" id="deleteModal" tabindex="-1">
+        <div class="modal-dialog">
+            <div class="modal-content">
+                <div class="modal-header bg-danger text-white">
+                    <h5 class="modal-title">
+                        <i class="bi bi-exclamation-triangle"></i> Confirm Delete
+                    </h5>
+                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
+                </div>
+                <div class="modal-body">
+                    <p>Are you sure you want to delete this user?</p>
+                    <div class="alert alert-warning">
+                        <i class="bi bi-warning"></i>
+                        <strong>Warning:</strong> This will permanently delete the user and all their profile data including:
+                        <ul class="mb-0 mt-2">
+                            <li>Introduction information</li>
+                            <li>Profile summary</li>
+                            <li>Work experience</li>
+                            <li>Projects</li>
+                            <li>Education</li>
+                            <li>Skills</li>
+                            <li>Achievements</li>
+                        </ul>
+                    </div>
+                    <p><strong>User to delete:</strong> <span id="deleteUserEmail"></span></p>
+                </div>
+                <div class="modal-footer">
+                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
+                    <button type="button" class="btn btn-danger" id="confirmDelete">
+                        <i class="bi bi-trash"></i> Delete User
+                    </button>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <!-- Success Toast -->
+    <div class="position-fixed bottom-0 end-0 p-3" style="z-index: 11">
+        <div id="successToast" class="toast" role="alert">
+            <div class="toast-header bg-success text-white">
+                <i class="bi bi-check-circle me-2"></i>
+                <strong class="me-auto">Success</strong>
+                <button type="button" class="btn-close btn-close-white" data-bs-dismiss="toast"></button>
+            </div>
+            <div class="toast-body" id="successMessage">
+                User deleted successfully!
+            </div>
+        </div>
+    </div>
+
+    <!-- Error Toast -->
+    <div class="position-fixed bottom-0 end-0 p-3" style="z-index: 11">
+        <div id="errorToast" class="toast" role="alert">
+            <div class="toast-header bg-danger text-white">
+                <i class="bi bi-exclamation-circle me-2"></i>
+                <strong class="me-auto">Error</strong>
+                <button type="button" class="btn-close btn-close-white" data-bs-dismiss="toast"></button>
+            </div>
+            <div class="toast-body" id="errorMessage">
+                An error occurred!
+            </div>
+        </div>
+    </div>
+
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
+    <script>
+        let userToDelete = null;
+        const deleteModal = new bootstrap.Modal(document.getElementById('deleteModal'));
+        const successToast = new bootstrap.Toast(document.getElementById('successToast'));
+        const errorToast = new bootstrap.Toast(document.getElementById('errorToast'));
+
+        function deleteUser(userId, userEmail) {
+            userToDelete = userId;
+            document.getElementById('deleteUserEmail').textContent = userEmail;
+            deleteModal.show();
+        }
+
+        document.getElementById('confirmDelete').addEventListener('click', async function() {
+            if (!userToDelete) return;
+
+            try {
+                const response = await fetch(`/api/admin/users/${userToDelete}`, {
+                    method: 'DELETE',
+                    headers: {
+                        'Content-Type': 'application/json'
+                    }
+                });
+
+                const data = await response.json();
+
+                if (data.success) {
+                    // Remove row from table
+                    const row = document.querySelector(`tr[data-user-id="${userToDelete}"]`);
+                    if (row) {
+                        row.remove();
+                    }
+
+                    // Update user count
+                    const userCount = document.querySelectorAll('#usersTable tbody tr').length;
+                    document.querySelector('.user-count p').textContent = `Total Users: ${userCount}`;
+
+                    // Show success message
+                    document.getElementById('successMessage').textContent = data.message;
+                    successToast.show();
+                } else {
+                    // Show error message
+                    document.getElementById('errorMessage').textContent = data.error || 'Failed to delete user';
+                    errorToast.show();
+                }
+            } catch (error) {
+                console.error('Error:', error);
+                document.getElementById('errorMessage').textContent = 'Network error occurred';
+                errorToast.show();
+            } finally {
+                deleteModal.hide();
+                userToDelete = null;
+            }
+        });
+    </script>
+</body>
+</html>

templates/base.html

@@ -0,0 +1,100 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>{% block title %}AI Resume Builder{% endblock %}</title>
+    <script src="https://cdn.tailwindcss.com"></script>
+    <style>
+        /* Custom animations */
+        @keyframes fadeIn {
+            from { opacity: 0; transform: translateY(10px); }
+            to { opacity: 1; transform: translateY(0); }
+        }
+        
+        .fade-in {
+            animation: fadeIn 0.5s ease-out;
+        }
+        
+        /* Carousel transitions */
+        .carousel-image {
+            transition: opacity 1s ease-in-out;
+        }
+        
+        /* Custom scrollbar */
+        ::-webkit-scrollbar {
+            width: 8px;
+        }
+        
+        ::-webkit-scrollbar-track {
+            background: #f1f1f1;
+        }
+        
+        ::-webkit-scrollbar-thumb {
+            background: #888;
+            border-radius: 4px;
+        }
+        
+        ::-webkit-scrollbar-thumb:hover {
+            background: #555;
+        }
+    </style>
+</head>
+<body class="bg-gray-50">
+    <!-- Flash Messages -->
+    {% with messages = get_flashed_messages(with_categories=true) %}
+        {% if messages %}
+            <div class="fixed top-4 right-4 z-50 space-y-2">
+                {% for category, message in messages %}
+                    <div class="fade-in px-4 py-3 rounded-lg shadow-lg {% if category == 'success' %}bg-green-50 border border-green-200 text-green-800{% elif category == 'error' %}bg-red-50 border border-red-200 text-red-800{% else %}bg-blue-50 border border-blue-200 text-blue-800{% endif %}">
+                        <div class="flex items-center">
+                            <span class="text-sm font-medium">{{ message }}</span>
+                            <button onclick="this.parentElement.parentElement.remove()" class="ml-3 text-gray-400 hover:text-gray-600">
+                                <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
+                                </svg>
+                            </button>
+                        </div>
+                    </div>
+                {% endfor %}
+            </div>
+        {% endif %}
+    {% endwith %}
+
+    <!-- Main Content -->
+    <main class="min-h-screen">
+        {% block content %}{% endblock %}
+    </main>
+
+    <!-- Footer -->
+    {% block footer %}
+        <footer class="bg-white border-t border-gray-200 mt-12">
+            <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
+                <div class="text-center text-gray-600">
+                    <p class="text-sm">© 2024 AI Resume Builder. Built with ❤️ using Flask and AI.</p>
+                </div>
+            </div>
+        </footer>
+    {% endblock %}
+
+    <!-- JavaScript -->
+    <script>
+        // Auto-hide flash messages after 5 seconds
+        document.addEventListener('DOMContentLoaded', function() {
+            const messages = document.querySelectorAll('.fixed.top-4 > div');
+            messages.forEach(function(message) {
+                setTimeout(function() {
+                    message.style.opacity = '0';
+                    message.style.transform = 'translateX(100%)';
+                    message.style.transition = 'all 0.3s ease-out';
+                    setTimeout(function() {
+                        message.remove();
+                    }, 300);
+                }, 5000);
+            });
+        });
+    </script>
+    
+    {% block scripts %}{% endblock %}
+</body>
+</html>

templates/create_achievements.html

@@ -0,0 +1,288 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Achievements - AI Resume Builder</title>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
+    <style>
+        body {
+            background-color: #f8f9fa;
+            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+        }
+        .form-container {
+            max-width: 800px;
+            margin: 40px auto;
+            padding: 30px;
+            background: white;
+            border-radius: 10px;
+            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+        }
+        .section-title {
+            color: #2c3e50;
+            margin-bottom: 30px;
+            text-align: center;
+            font-weight: 600;
+        }
+        .btn-logout {
+            position: absolute;
+            top: 20px;
+            right: 20px;
+        }
+        .form-label {
+            font-weight: 500;
+            margin-bottom: 8px;
+            color: #495057;
+        }
+        .form-control:focus {
+            border-color: #4e73df;
+            box-shadow: 0 0 0 0.2rem rgba(78, 115, 223, 0.25);
+        }
+        .navigation-buttons {
+            display: flex;
+            justify-content: space-between;
+            margin-top: 30px;
+            padding-top: 20px;
+            border-top: 1px solid #e9ecef;
+        }
+        .error-message {
+            color: #e74c3c;
+            font-size: 0.875rem;
+            margin-top: 5px;
+        }
+        .progress-indicator {
+            margin-bottom: 30px;
+            text-align: center;
+            color: #6c757d;
+            font-size: 0.9rem;
+        }
+        .progress-indicator span {
+            display: inline-block;
+            margin: 0 10px;
+        }
+        .progress-indicator span.active {
+            color: #4e73df;
+            font-weight: 600;
+        }
+        .achievements-display {
+            background-color: #f8f9fa;
+            border: 1px solid #e9ecef;
+            border-radius: 8px;
+            padding: 20px;
+            margin-top: 20px;
+            min-height: 100px;
+        }
+        .achievement-item {
+            display: flex;
+            align-items: center;
+            background-color: white;
+            border: 1px solid #dee2e6;
+            border-radius: 6px;
+            padding: 12px 15px;
+            margin-bottom: 10px;
+            transition: all 0.3s;
+        }
+        .achievement-item:hover {
+            border-color: #4e73df;
+            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+        }
+        .achievement-item .achievement-icon {
+            color: #ffc107;
+            margin-right: 15px;
+            font-size: 1.2rem;
+        }
+        .achievement-item .achievement-text {
+            flex: 1;
+            margin: 0;
+        }
+        .achievement-item .remove-achievement {
+            color: #dc3545;
+            cursor: pointer;
+            opacity: 0.6;
+            transition: opacity 0.3s;
+        }
+        .achievement-item .remove-achievement:hover {
+            opacity: 1;
+        }
+        .empty-achievements {
+            text-align: center;
+            color: #6c757d;
+            font-style: italic;
+            padding: 20px;
+        }
+        .help-text {
+            font-size: 0.875rem;
+            color: #6c757d;
+            margin-top: 5px;
+        }
+        .achievements-preview-section {
+            margin-top: 30px;
+        }
+        .achievements-preview-section h5 {
+            color: #495057;
+            margin-bottom: 15px;
+        }
+        .form-hint {
+            background-color: #e3f2fd;
+            border-left: 4px solid #2196f3;
+            padding: 12px 15px;
+            margin-bottom: 20px;
+            border-radius: 4px;
+        }
+        .form-hint p {
+            margin: 0;
+            color: #1976d2;
+            font-size: 0.9rem;
+        }
+    </style>
+</head>
+<body>
+    <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
+        <div class="container">
+            <a class="navbar-brand" href="{{ url_for('profile') }}">AI Resume Builder</a>
+            <div class="ms-auto">
+                <a href="{{ url_for('logout') }}" class="btn btn-outline-light">
+                    <i class="fas fa-sign-out-alt"></i> Logout
+                </a>
+            </div>
+        </div>
+    </nav>
+
+    <div class="container">
+        <div class="form-container">
+            <div class="progress-indicator">
+                <span>Introduction</span>
+                <span>→</span>
+                <span>Profile Summary</span>
+                <span>→</span>
+                <span>Work Experience</span>
+                <span>→</span>
+                <span>Projects</span>
+                <span>→</span>
+                <span>Education</span>
+                <span>→</span>
+                <span>Skills</span>
+                <span>→</span>
+                <span class="active">Achievements</span>
+                <span>→</span>
+                <span>Preview</span>
+            </div>
+
+            <h2 class="section-title">Achievements</h2>
+            
+            {% with messages = get_flashed_messages(with_categories=true) %}
+                {% if messages %}
+                    {% for category, message in messages %}
+                        <div class="alert alert-{{ category }} alert-dismissible fade show" role="alert">
+                            {{ message }}
+                            <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
+                        </div>
+                    {% endfor %}
+                {% endif %}
+            {% endwith %}
+
+            <div class="form-hint">
+                <p><i class="fas fa-lightbulb"></i> <strong>Tip:</strong> Highlight your awards, certifications, publications, or other notable accomplishments. These help make your resume stand out!</p>
+            </div>
+
+            <form method="POST" action="{{ url_for('create_achievements') }}" id="achievementsForm">
+                <div class="mb-3">
+                    <label for="achievements" class="form-label">Enter Your Achievements</label>
+                    <textarea class="form-control" id="achievements" name="achievements" rows="5" 
+                              placeholder="Enter your achievements separated by commas. For example: Employee of the Year 2023, AWS Certified Solutions Architect, Published research paper on AI ethics...">{{ form_data.achievements if form_data }}</textarea>
+                    <div class="help-text">
+                        Enter your awards, certifications, publications, honors, or other achievements separated by commas. Each will be displayed as a separate item.
+                    </div>
+                    {% if form_errors.achievements %}
+                        <div class="error-message">{{ form_errors.achievements[0] }}</div>
+                    {% endif %}
+                </div>
+
+                <div class="achievements-preview-section">
+                    <h5><i class="fas fa-eye"></i> Achievements Preview</h5>
+                    <div class="achievements-display" id="achievementsPreview">
+                        {% if form_data.achievements_preview %}
+                            {% for achievement in form_data.achievements_preview %}
+                                <div class="achievement-item">
+                                    <i class="fas fa-trophy achievement-icon"></i>
+                                    <p class="achievement-text mb-0">{{ achievement }}</p>
+                                    <i class="fas fa-times remove-achievement" onclick="removeAchievement(this)"></i>
+                                </div>
+                            {% endfor %}
+                        {% else %}
+                            <div class="empty-achievements">
+                                Your achievements will appear here as you type them above
+                            </div>
+                        {% endif %}
+                    </div>
+                </div>
+
+                <div class="navigation-buttons">
+                    <div>
+                        <a href="{{ url_for('create_skills') }}" class="btn btn-outline-secondary">
+                            <i class="fas fa-arrow-left"></i> Back
+                        </a>
+                        <button type="button" class="btn btn-outline-primary" onclick="skipToPreview()">
+                            Skip <i class="fas fa-forward"></i>
+                        </button>
+                    </div>
+                    <div>
+                        <button type="submit" class="btn btn-primary">
+                            Next <i class="fas fa-arrow-right"></i>
+                        </button>
+                    </div>
+                </div>
+            </form>
+        </div>
+    </div>
+
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
+    <script>
+        const achievementsTextarea = document.getElementById('achievements');
+        const achievementsPreview = document.getElementById('achievementsPreview');
+
+        function updateAchievementsPreview() {
+            const input = achievementsTextarea.value;
+            const newAchievements = input.split(',').map(achievement => achievement.trim()).filter(achievement => achievement);
+            
+            // Update preview
+            if (newAchievements.length === 0) {
+                achievementsPreview.innerHTML = '<div class="empty-achievements">Your achievements will appear here as you type them above</div>';
+            } else {
+                achievementsPreview.innerHTML = newAchievements.map(achievement => `
+                    <div class="achievement-item">
+                        <i class="fas fa-trophy achievement-icon"></i>
+                        <p class="achievement-text mb-0">${achievement}</p>
+                        <i class="fas fa-times remove-achievement" onclick="removeAchievement(this)"></i>
+                    </div>
+                `).join('');
+            }
+        }
+
+        function removeAchievement(element) {
+            const achievementItem = element.closest('.achievement-item');
+            const achievementText = achievementItem.querySelector('.achievement-text').textContent.trim();
+            
+            // Remove from textarea
+            const currentAchievements = achievementsTextarea.value.split(',').map(a => a.trim()).filter(a => a);
+            const updatedAchievements = currentAchievements.filter(achievement => achievement !== achievementText);
+            achievementsTextarea.value = updatedAchievements.join(', ');
+            
+            // Update preview
+            updateAchievementsPreview();
+        }
+
+        function skipToPreview() {
+            document.getElementById('achievementsForm').action = '{{ url_for("create_preview") }}';
+            document.getElementById('achievementsForm').submit();
+        }
+
+        // Update preview as user types
+        achievementsTextarea.addEventListener('input', updateAchievementsPreview);
+
+        // Initialize preview on page load
+        updateAchievementsPreview();
+    </script>
+</body>
+</html>

templates/create_education.html

@@ -0,0 +1,425 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Education - AI Resume Builder</title>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
+    <style>
+        body {
+            background-color: #f8f9fa;
+            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+        }
+        .form-container {
+            max-width: 900px;
+            margin: 40px auto;
+            padding: 30px;
+            background: white;
+            border-radius: 10px;
+            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+        }
+        .section-title {
+            color: #2c3e50;
+            margin-bottom: 30px;
+            text-align: center;
+            font-weight: 600;
+        }
+        .btn-logout {
+            position: absolute;
+            top: 20px;
+            right: 20px;
+        }
+        .form-label {
+            font-weight: 500;
+            margin-bottom: 8px;
+            color: #495057;
+        }
+        .form-control:focus {
+            border-color: #4e73df;
+            box-shadow: 0 0 0 0.2rem rgba(78, 115, 223, 0.25);
+        }
+        .navigation-buttons {
+            display: flex;
+            justify-content: space-between;
+            margin-top: 30px;
+            padding-top: 20px;
+            border-top: 1px solid #e9ecef;
+        }
+        .error-message {
+            color: #e74c3c;
+            font-size: 0.875rem;
+            margin-top: 5px;
+        }
+        .progress-indicator {
+            margin-bottom: 30px;
+            text-align: center;
+            color: #6c757d;
+            font-size: 0.9rem;
+        }
+        .progress-indicator span {
+            display: inline-block;
+            margin: 0 10px;
+        }
+        .progress-indicator span.active {
+            color: #4e73df;
+            font-weight: 600;
+        }
+        .education-item {
+            background-color: #f8f9fa;
+            border: 1px solid #e9ecef;
+            border-radius: 8px;
+            padding: 20px;
+            margin-bottom: 20px;
+            position: relative;
+        }
+        .education-item.has-error {
+            border-color: #e74c3c;
+            background-color: #fdf2f2;
+        }
+        .btn-remove {
+            position: absolute;
+            top: 10px;
+            right: 10px;
+            color: #e74c3c;
+            background: white;
+            border: 1px solid #e74c3c;
+            padding: 5px 10px;
+            border-radius: 5px;
+            transition: all 0.3s;
+        }
+        .btn-remove:hover {
+            color: white;
+            background-color: #e74c3c;
+        }
+        .btn-add {
+            margin-bottom: 20px;
+            background-color: #28a745;
+            border: none;
+            color: white;
+        }
+        .btn-add:hover {
+            background-color: #218838;
+            color: white;
+        }
+        .present-checkbox {
+            margin-top: 10px;
+        }
+        .date-inputs {
+            display: flex;
+            gap: 10px;
+        }
+        .date-inputs .form-control {
+            flex: 1;
+        }
+        .empty-state {
+            text-align: center;
+            padding: 40px;
+            color: #6c757d;
+        }
+        .empty-state i {
+            font-size: 3rem;
+            margin-bottom: 20px;
+            color: #dee2e6;
+        }
+        .section-header {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            margin-bottom: 20px;
+        }
+    </style>
+</head>
+<body>
+    <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
+        <div class="container">
+            <a class="navbar-brand" href="{{ url_for('profile') }}">AI Resume Builder</a>
+            <div class="ms-auto">
+                <a href="{{ url_for('logout') }}" class="btn btn-outline-light">
+                    <i class="fas fa-sign-out-alt"></i> Logout
+                </a>
+            </div>
+        </div>
+    </nav>
+
+    <div class="container">
+        <div class="form-container">
+            <div class="progress-indicator">
+                <span>Introduction</span>
+                <span>→</span>
+                <span>Profile Summary</span>
+                <span>→</span>
+                <span>Work Experience</span>
+                <span>→</span>
+                <span>Projects</span>
+                <span>→</span>
+                <span class="active">Education</span>
+                <span>→</span>
+                <span>Skills</span>
+                <span>→</span>
+                <span>Achievements</span>
+                <span>→</span>
+                <span>Preview</span>
+            </div>
+
+            <div class="section-header">
+                <h2 class="section-title mb-0">Education</h2>
+                <button type="button" class="btn btn-add" onclick="addEducation()">
+                    <i class="fas fa-plus"></i> Add Education
+                </button>
+            </div>
+            
+            {% with messages = get_flashed_messages(with_categories=true) %}
+                {% if messages %}
+                    {% for category, message in messages %}
+                        <div class="alert alert-{{ category }} alert-dismissible fade show" role="alert">
+                            {{ message }}
+                            <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
+                        </div>
+                    {% endfor %}
+                {% endif %}
+            {% endwith %}
+
+            <form method="POST" action="{{ url_for('create_education') }}" id="educationForm">
+                <div id="educationContainer">
+                    {% if form_data and form_data.educations %}
+                        {% for edu in form_data.educations %}
+                            <div class="education-item">
+                                <button type="button" class="btn btn-sm btn-remove" onclick="removeEducation(this)">
+                                    <i class="fas fa-times"></i>
+                                </button>
+                                
+                                <div class="row">
+                                    <div class="col-md-6 mb-3">
+                                        <label class="form-label required">Institution</label>
+                                        <input type="text" class="form-control" name="organization[]" value="{{ edu.organization }}" required>
+                                    </div>
+                                    <div class="col-md-6 mb-3">
+                                        <label class="form-label required">Degree/Certification</label>
+                                        <input type="text" class="form-control" name="title[]" value="{{ edu.title }}" required>
+                                    </div>
+                                </div>
+
+                                <div class="row">
+                                    <div class="col-md-6 mb-3">
+                                        <label class="form-label required">Start Date</label>
+                                        <div class="date-inputs">
+                                            <select class="form-control" name="start_month[]" required>
+                                                <option value="">Month</option>
+                                                {% for i in range(1, 13) %}
+                                                    <option value="{{ i }}" {% if edu.start_month == i %}selected{% endif %}>
+                                                        {{ i }}
+                                                    </option>
+                                                {% endfor %}
+                                            </select>
+                                            <select class="form-control" name="start_year[]" required>
+                                                <option value="">Year</option>
+                                                {% for year in range(1980, current_year + 1) %}
+                                                    <option value="{{ year }}" {% if edu.start_year == year %}selected{% endif %}>
+                                                        {{ year }}
+                                                    </option>
+                                                {% endfor %}
+                                            </select>
+                                        </div>
+                                    </div>
+                                    <div class="col-md-6 mb-3">
+                                        <label class="form-label">End Date</label>
+                                        <div class="date-inputs">
+                                            <select class="form-control" name="end_month[]" {% if edu.is_present %}disabled{% endif %}>
+                                                <option value="">Month</option>
+                                                {% for i in range(1, 13) %}
+                                                    <option value="{{ i }}" {% if edu.end_month == i %}selected{% endif %}>
+                                                        {{ i }}
+                                                    </option>
+                                                {% endfor %}
+                                            </select>
+                                            <select class="form-control" name="end_year[]" {% if edu.is_present %}disabled{% endif %}>
+                                                <option value="">Year</option>
+                                                {% for year in range(1980, current_year + 1) %}
+                                                    <option value="{{ year }}" {% if edu.end_year == year %}selected{% endif %}>
+                                                        {{ year }}
+                                                    </option>
+                                                {% endfor %}
+                                            </select>
+                                        </div>
+                                        <div class="present-checkbox">
+                                            <div class="form-check">
+                                                <input class="form-check-input" type="checkbox" name="is_present[]" id="present_edu_{{ loop.index0 }}" 
+                                                       {% if edu.is_present %}checked{% endif %} 
+                                                       onchange="toggleEndDate(this)">
+                                                <label class="form-check-label" for="present_edu_{{ loop.index0 }}">
+                                                    Present
+                                                </label>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+
+                                <div class="mb-3">
+                                    <label class="form-label">Remarks</label>
+                                    <textarea class="form-control" name="remarks[]" rows="3" placeholder="Describe your studies, achievements, or relevant coursework...">{{ edu.remarks }}</textarea>
+                                </div>
+                            </div>
+                        {% endfor %}
+                    {% else %}
+                        <div class="empty-state">
+                            <i class="fas fa-graduation-cap"></i>
+                            <h5>No Education Added</h5>
+                            <p>Click "Add Education" to add your educational background</p>
+                        </div>
+                    {% endif %}
+                </div>
+
+                <div class="navigation-buttons">
+                    <div>
+                        <a href="{{ url_for('create_projects') }}" class="btn btn-outline-secondary">
+                            <i class="fas fa-arrow-left"></i> Back
+                        </a>
+                        <button type="button" class="btn btn-outline-primary" onclick="skipToSkills()">
+                            Skip <i class="fas fa-forward"></i>
+                        </button>
+                    </div>
+                    <div>
+                        <button type="submit" class="btn btn-primary">
+                            Next <i class="fas fa-arrow-right"></i>
+                        </button>
+                    </div>
+                </div>
+            </form>
+        </div>
+    </div>
+
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
+    <script>
+        let educationCount = {{ form_data.educations|length if form_data and form_data.educations else 0 }};
+
+        function addEducation() {
+            const container = document.getElementById('educationContainer');
+            const emptyState = container.querySelector('.empty-state');
+            if (emptyState) {
+                emptyState.remove();
+            }
+
+            const div = document.createElement('div');
+            div.className = 'education-item';
+            div.innerHTML = `
+                <button type="button" class="btn btn-sm btn-remove" onclick="removeEducation(this)">
+                    <i class="fas fa-times"></i>
+                </button>
+                
+                <div class="row">
+                    <div class="col-md-6 mb-3">
+                        <label class="form-label required">Institution</label>
+                        <input type="text" class="form-control" name="organization[]" required>
+                    </div>
+                    <div class="col-md-6 mb-3">
+                        <label class="form-label required">Degree/Certification</label>
+                        <input type="text" class="form-control" name="title[]" required>
+                    </div>
+                </div>
+
+                <div class="row">
+                    <div class="col-md-6 mb-3">
+                        <label class="form-label required">Start Date</label>
+                        <div class="date-inputs">
+                            <select class="form-control" name="start_month[]" required>
+                                <option value="">Month</option>
+                                ${generateMonthOptions()}
+                            </select>
+                            <select class="form-control" name="start_year[]" required>
+                                <option value="">Year</option>
+                                ${generateYearOptions()}
+                            </select>
+                        </div>
+                    </div>
+                    <div class="col-md-6 mb-3">
+                        <label class="form-label">End Date</label>
+                        <div class="date-inputs">
+                            <select class="form-control" name="end_month[]">
+                                <option value="">Month</option>
+                                ${generateMonthOptions()}
+                            </select>
+                            <select class="form-control" name="end_year[]">
+                                <option value="">Year</option>
+                                ${generateYearOptions()}
+                            </select>
+                        </div>
+                        <div class="present-checkbox">
+                            <div class="form-check">
+                                <input class="form-check-input" type="checkbox" name="is_present[]" id="present_edu_${educationCount}" onchange="toggleEndDate(this)">
+                                <label class="form-check-label" for="present_edu_${educationCount}">
+                                    Present
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+
+                <div class="mb-3">
+                    <label class="form-label">Remarks</label>
+                    <textarea class="form-control" name="remarks[]" rows="3" placeholder="Describe your studies, achievements, or relevant coursework..."></textarea>
+                </div>
+            `;
+            
+            container.appendChild(div);
+            educationCount++;
+        }
+
+        function removeEducation(button) {
+            const item = button.closest('.education-item');
+            item.remove();
+            
+            const container = document.getElementById('educationContainer');
+            const remainingItems = container.querySelectorAll('.education-item');
+            
+            if (remainingItems.length === 0) {
+                container.innerHTML = `
+                    <div class="empty-state">
+                        <i class="fas fa-graduation-cap"></i>
+                        <h5>No Education Added</h5>
+                        <p>Click "Add Education" to add your educational background</p>
+                    </div>
+                `;
+            }
+        }
+
+        function toggleEndDate(checkbox) {
+            const item = checkbox.closest('.education-item');
+            const endMonth = item.querySelector('select[name="end_month[]"]');
+            const endYear = item.querySelector('select[name="end_year[]"]');
+            
+            if (checkbox.checked) {
+                endMonth.disabled = true;
+                endYear.disabled = true;
+                endMonth.value = '';
+                endYear.value = '';
+            } else {
+                endMonth.disabled = false;
+                endYear.disabled = false;
+            }
+        }
+
+        function skipToSkills() {
+            document.getElementById('educationForm').action = '{{ url_for("create_skills") }}';
+            document.getElementById('educationForm').submit();
+        }
+
+        function generateMonthOptions() {
+            let options = '';
+            for (let i = 1; i <= 12; i++) {
+                options += `<option value="${i}">${i}</option>`;
+            }
+            return options;
+        }
+
+        function generateYearOptions() {
+            const currentYear = new Date().getFullYear();
+            let options = '';
+            for (let year = 1980; year <= currentYear + 1; year++) {
+                options += `<option value="${year}">${year}</option>`;
+            }
+            return options;
+        }
+    </script>
+</body>
+</html>

templates/create_introduction.html

@@ -0,0 +1,185 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Create Introduction - AI Resume Builder</title>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
+    <style>
+        body {
+            background-color: #f8f9fa;
+            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+        }
+        .form-container {
+            max-width: 800px;
+            margin: 40px auto;
+            padding: 30px;
+            background: white;
+            border-radius: 10px;
+            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+        }
+        .section-title {
+            color: #2c3e50;
+            margin-bottom: 30px;
+            text-align: center;
+            font-weight: 600;
+        }
+        .required::after {
+            content: " *";
+            color: #e74c3c;
+        }
+        .btn-logout {
+            position: absolute;
+            top: 20px;
+            right: 20px;
+        }
+        .form-label {
+            font-weight: 500;
+            margin-bottom: 8px;
+            color: #495057;
+        }
+        .form-control:focus {
+            border-color: #4e73df;
+            box-shadow: 0 0 0 0.2rem rgba(78, 115, 223, 0.25);
+        }
+        .navigation-buttons {
+            display: flex;
+            justify-content: space-between;
+            margin-top: 30px;
+            padding-top: 20px;
+            border-top: 1px solid #e9ecef;
+        }
+        .error-message {
+            color: #e74c3c;
+            font-size: 0.875rem;
+            margin-top: 5px;
+        }
+        .progress-indicator {
+            margin-bottom: 30px;
+            text-align: center;
+            color: #6c757d;
+            font-size: 0.9rem;
+        }
+        .progress-indicator span {
+            display: inline-block;
+            margin: 0 10px;
+        }
+        .progress-indicator span.active {
+            color: #4e73df;
+            font-weight: 600;
+        }
+    </style>
+</head>
+<body>
+    <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
+        <div class="container">
+            <a class="navbar-brand" href="{{ url_for('profile') }}">AI Resume Builder</a>
+            <div class="ms-auto">
+                <a href="{{ url_for('logout') }}" class="btn btn-outline-light">
+                    <i class="fas fa-sign-out-alt"></i> Logout
+                </a>
+            </div>
+        </div>
+    </nav>
+
+    <div class="container">
+        <div class="form-container">
+            <div class="progress-indicator">
+                <span class="active">Introduction</span>
+                <span>→</span>
+                <span>Profile Summary</span>
+                <span>→</span>
+                <span>Work Experience</span>
+                <span>→</span>
+                <span>Projects</span>
+                <span>→</span>
+                <span>Education</span>
+                <span>→</span>
+                <span>Skills</span>
+                <span>→</span>
+                <span>Achievements</span>
+                <span>→</span>
+                <span>Preview</span>
+            </div>
+
+            <h2 class="section-title">Introduction</h2>
+            
+            {% with messages = get_flashed_messages(with_categories=true) %}
+                {% if messages %}
+                    {% for category, message in messages %}
+                        <div class="alert alert-{{ category }} alert-dismissible fade show" role="alert">
+                            {{ message }}
+                            <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
+                        </div>
+                    {% endfor %}
+                {% endif %}
+            {% endwith %}
+
+            <form method="POST" action="{{ url_for('create_introduction') }}" novalidate>
+                <div class="row">
+                    <div class="col-md-6 mb-3">
+                        <label for="name" class="form-label required">Name</label>
+                        <input type="text" class="form-control" id="name" name="name" value="{{ form_data.name if form_data }}" required>
+                        {% if form_errors.name %}
+                            <div class="error-message">{{ form_errors.name[0] }}</div>
+                        {% endif %}
+                    </div>
+                    <div class="col-md-6 mb-3">
+                        <label for="email" class="form-label required">Email</label>
+                        <input type="email" class="form-control" id="email" name="email" value="{{ form_data.email if form_data }}" required>
+                        {% if form_errors.email %}
+                            <div class="error-message">{{ form_errors.email[0] }}</div>
+                        {% endif %}
+                    </div>
+                </div>
+
+                <div class="row">
+                    <div class="col-md-6 mb-3">
+                        <label for="phone" class="form-label required">Phone</label>
+                        <input type="tel" class="form-control" id="phone" name="phone" value="{{ form_data.phone if form_data }}" required>
+                        {% if form_errors.phone %}
+                            <div class="error-message">{{ form_errors.phone[0] }}</div>
+                        {% endif %}
+                    </div>
+                    <div class="col-md-6 mb-3">
+                        <label for="linkedin" class="form-label">LinkedIn URL</label>
+                        <input type="url" class="form-control" id="linkedin" name="linkedin" value="{{ form_data.linkedin if form_data }}" placeholder="https://linkedin.com/in/username">
+                        {% if form_errors.linkedin %}
+                            <div class="error-message">{{ form_errors.linkedin[0] }}</div>
+                        {% endif %}
+                    </div>
+                </div>
+
+                <div class="row">
+                    <div class="col-md-6 mb-3">
+                        <label for="github" class="form-label">GitHub URL</label>
+                        <input type="url" class="form-control" id="github" name="github" value="{{ form_data.github if form_data }}" placeholder="https://github.com/username">
+                        {% if form_errors.github %}
+                            <div class="error-message">{{ form_errors.github[0] }}</div>
+                        {% endif %}
+                    </div>
+                    <div class="col-md-6 mb-3">
+                        <label for="website" class="form-label">Website</label>
+                        <input type="url" class="form-control" id="website" name="website" value="{{ form_data.website if form_data }}" placeholder="https://yourwebsite.com">
+                        {% if form_errors.website %}
+                            <div class="error-message">{{ form_errors.website[0] }}</div>
+                        {% endif %}
+                    </div>
+                </div>
+
+                <div class="navigation-buttons">
+                    <div></div>
+                    <div>
+                        <button type="submit" class="btn btn-primary">
+                            Next <i class="fas fa-arrow-right"></i>
+                        </button>
+                    </div>
+                </div>
+            </form>
+        </div>
+    </div>
+
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
+</body>
+</html>

templates/create_preview.html

@@ -0,0 +1,537 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Preview Profile - AI Resume Builder</title>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/sortablejs@1.15.0/Sortable.min.css">
+    <style>
+        body {
+            background-color: #f8f9fa;
+            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+        }
+        .preview-container {
+            max-width: 1200px;
+            margin: 40px auto;
+            padding: 30px;
+            background: white;
+            border-radius: 10px;
+            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+        }
+        .section-title {
+            color: #2c3e50;
+            margin-bottom: 30px;
+            text-align: center;
+            font-weight: 600;
+        }
+        .btn-logout {
+            position: absolute;
+            top: 20px;
+            right: 20px;
+        }
+        .progress-indicator {
+            margin-bottom: 30px;
+            text-align: center;
+            color: #6c757d;
+            font-size: 0.9rem;
+        }
+        .progress-indicator span {
+            display: inline-block;
+            margin: 0 10px;
+        }
+        .progress-indicator span.active {
+            color: #4e73df;
+            font-weight: 600;
+        }
+        .preview-layout {
+            display: grid;
+            grid-template-columns: 1fr 1fr;
+            gap: 30px;
+            margin-bottom: 30px;
+        }
+        .reorder-panel {
+            background-color: #f8f9fa;
+            border: 1px solid #e9ecef;
+            border-radius: 8px;
+            padding: 20px;
+        }
+        .reorder-panel h5 {
+            color: #495057;
+            margin-bottom: 15px;
+        }
+        .help-text {
+            font-size: 0.875rem;
+            color: #6c757d;
+            margin-bottom: 15px;
+        }
+        .sortable-list {
+            list-style: none;
+            padding: 0;
+        }
+        .sortable-item {
+            background: white;
+            border: 1px solid #dee2e6;
+            border-radius: 6px;
+            padding: 12px 15px;
+            margin-bottom: 8px;
+            cursor: move;
+            display: flex;
+            align-items: center;
+            transition: all 0.3s;
+        }
+        .sortable-item:hover {
+            border-color: #4e73df;
+            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+        }
+        .sortable-item.dragging {
+            opacity: 0.5;
+        }
+        .sortable-item.sortable-ghost {
+            background: #f8f9fa;
+        }
+        .sortable-item .drag-handle {
+            color: #6c757d;
+            margin-right: 10px;
+        }
+        .sortable-item.fixed {
+            background-color: #e9ecef;
+            cursor: not-allowed;
+            opacity: 0.7;
+        }
+        .sortable-item.fixed .drag-handle {
+            display: none;
+        }
+        .preview-panel {
+            background-color: #ffffff;
+            border: 1px solid #e9ecef;
+            border-radius: 8px;
+            padding: 30px;
+            min-height: 600px;
+        }
+        .preview-section {
+            margin-bottom: 25px;
+            padding: 15px;
+            border-left: 4px solid #4e73df;
+            background-color: #f8f9fa;
+        }
+        .preview-section h5 {
+            color: #2c3e50;
+            margin-bottom: 15px;
+            font-weight: 600;
+        }
+        .preview-section h6 {
+            color: #495057;
+            margin-bottom: 10px;
+        }
+        .contact-info {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            margin-bottom: 15px;
+            flex-wrap: wrap;
+            gap: 10px;
+        }
+        .contact-item {
+            display: flex;
+            align-items: center;
+            color: #495057;
+            font-size: 0.9rem;
+        }
+        .contact-item i {
+            margin-right: 5px;
+            width: 16px;
+        }
+        .experience-item, .project-item, .education-item {
+            margin-bottom: 15px;
+            padding-bottom: 15px;
+            border-bottom: 1px solid #dee2e6;
+        }
+        .experience-item:last-child, .project-item:last-child, .education-item:last-child {
+            border-bottom: none;
+            margin-bottom: 0;
+            padding-bottom: 0;
+        }
+        .date-range {
+            color: #6c757d;
+            font-size: 0.9rem;
+            font-weight: 500;
+        }
+        .skills-grid, .achievements-grid {
+            display: flex;
+            flex-wrap: wrap;
+            gap: 8px;
+        }
+        .skill-tag, .achievement-tag {
+            background-color: #4e73df;
+            color: white;
+            padding: 4px 12px;
+            border-radius: 15px;
+            font-size: 0.85rem;
+        }
+        .achievement-tag {
+            background-color: #28a745;
+        }
+        .action-buttons {
+            display: flex;
+            justify-content: space-between;
+            margin-top: 30px;
+            padding-top: 20px;
+            border-top: 1px solid #e9ecef;
+        }
+        .empty-state {
+            text-align: center;
+            color: #6c757d;
+            font-style: italic;
+            padding: 20px;
+        }
+        .ai-generated-badge {
+            background-color: #17a2b8;
+            color: white;
+            padding: 2px 8px;
+            border-radius: 4px;
+            font-size: 0.75rem;
+            margin-left: 10px;
+        }
+        @media (max-width: 768px) {
+            .preview-layout {
+                grid-template-columns: 1fr;
+            }
+            .contact-info {
+                flex-direction: column;
+                align-items: flex-start;
+            }
+        }
+    </style>
+</head>
+<body>
+    <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
+        <div class="container">
+            <a class="navbar-brand" href="{{ url_for('profile') }}">AI Resume Builder</a>
+            <div class="ms-auto">
+                <a href="{{ url_for('logout') }}" class="btn btn-outline-light">
+                    <i class="fas fa-sign-out-alt"></i> Logout
+                </a>
+            </div>
+        </div>
+    </nav>
+
+    <div class="container">
+        <div class="preview-container">
+            <div class="progress-indicator">
+                <span>Introduction</span>
+                <span>→</span>
+                <span>Profile Summary</span>
+                <span>→</span>
+                <span>Work Experience</span>
+                <span>→</span>
+                <span>Projects</span>
+                <span>→</span>
+                <span>Education</span>
+                <span>→</span>
+                <span>Skills</span>
+                <span>→</span>
+                <span>Achievements</span>
+                <span>→</span>
+                <span class="active">Preview</span>
+            </div>
+
+            <h2 class="section-title">Preview Your Profile</h2>
+            
+            {% with messages = get_flashed_messages(with_categories=true) %}
+                {% if messages %}
+                    {% for category, message in messages %}
+                        <div class="alert alert-{{ category }} alert-dismissible fade show" role="alert">
+                            {{ message }}
+                            <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
+                        </div>
+                    {% endfor %}
+                {% endif %}
+            {% endwith %}
+
+            <div class="preview-layout">
+                <div class="reorder-panel">
+                    <h5><i class="fas fa-arrows-alt"></i> Arrange Your Sections</h5>
+                    <p class="help-text">
+                        Drag and drop sections to reorder them. Introduction and Profile Summary are fixed at the top.
+                    </p>
+                    <ul id="sortableSections" class="sortable-list">
+                        <li class="sortable-item fixed" data-section="introduction">
+                            <i class="fas fa-user"></i> Introduction
+                        </li>
+                        <li class="sortable-item fixed" data-section="profile_summary">
+                            <i class="fas fa-file-alt"></i> Profile Summary
+                        </li>
+                        {% if work_experiences %}
+                            <li class="sortable-item" data-section="work_experience">
+                                <i class="fas fa-grip-vertical drag-handle"></i>
+                                <i class="fas fa-briefcase"></i> Work Experience
+                            </li>
+                        {% endif %}
+                        {% if projects %}
+                            <li class="sortable-item" data-section="projects">
+                                <i class="fas fa-grip-vertical drag-handle"></i>
+                                <i class="fas fa-project-diagram"></i> Projects
+                            </li>
+                        {% endif %}
+                        {% if educations %}
+                            <li class="sortable-item" data-section="education">
+                                <i class="fas fa-grip-vertical drag-handle"></i>
+                                <i class="fas fa-graduation-cap"></i> Education
+                            </li>
+                        {% endif %}
+                        {% if skills %}
+                            <li class="sortable-item" data-section="skills">
+                                <i class="fas fa-grip-vertical drag-handle"></i>
+                                <i class="fas fa-tools"></i> Skills
+                            </li>
+                        {% endif %}
+                        {% if achievements %}
+                            <li class="sortable-item" data-section="achievements">
+                                <i class="fas fa-grip-vertical drag-handle"></i>
+                                <i class="fas fa-trophy"></i> Achievements
+                            </li>
+                        {% endif %}
+                    </ul>
+                </div>
+
+                <div class="preview-panel">
+                    <div id="previewContent">
+                        <!-- Introduction Section -->
+                        {% if intro %}
+                            <div class="preview-section" data-section="introduction">
+                                <h5><i class="fas fa-user"></i> Introduction</h5>
+                                <h3 class="text-center mb-3">{{ intro.name }}</h3>
+                                <div class="contact-info">
+                                    <div class="contact-item">
+                                        <i class="fas fa-envelope"></i> {{ intro.email }}
+                                    </div>
+                                    <div class="contact-item">
+                                        <i class="fas fa-phone"></i> {{ intro.phone }}
+                                    </div>
+                                    {% if intro.linkedin %}
+                                        <div class="contact-item">
+                                            <i class="fab fa-linkedin"></i> LinkedIn
+                                        </div>
+                                    {% endif %}
+                                    {% if intro.github %}
+                                        <div class="contact-item">
+                                            <i class="fab fa-github"></i> GitHub
+                                        </div>
+                                    {% endif %}
+                                    {% if intro.website %}
+                                        <div class="contact-item">
+                                            <i class="fas fa-globe"></i> Website
+                                        </div>
+                                    {% endif %}
+                                </div>
+                            </div>
+                        {% endif %}
+
+                        <!-- Profile Summary Section -->
+                        {% if summary %}
+                            <div class="preview-section" data-section="profile_summary">
+                                <h5>
+                                    <i class="fas fa-file-alt"></i> Profile Summary
+                                    {% if summary.ai_generated %}
+                                        <span class="ai-generated-badge">AI Generated</span>
+                                    {% endif %}
+                                </h5>
+                                <p>{{ summary.summary }}</p>
+                            </div>
+                        {% endif %}
+
+                        <!-- Dynamic sections will be inserted here based on order -->
+                    </div>
+                </div>
+            </div>
+
+            <form method="POST" action="{{ url_for('create_preview') }}" id="previewForm">
+                <input type="hidden" name="section_order" id="sectionOrderInput" value='[]'>
+                
+                <div class="action-buttons">
+                    <div>
+                        <a href="{{ url_for('create_achievements') }}" class="btn btn-outline-secondary">
+                            <i class="fas fa-arrow-left"></i> Back
+                        </a>
+                    </div>
+                    <div>
+                        <button type="button" class="btn btn-danger" onclick="confirmClear()">
+                            <i class="fas fa-trash"></i> Clear All
+                        </button>
+                        <button type="submit" name="action" value="submit" class="btn btn-primary">
+                            <i class="fas fa-check"></i> Submit Profile
+                        </button>
+                    </div>
+                </div>
+            </form>
+        </div>
+    </div>
+
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/sortablejs@1.15.0/Sortable.min.js"></script>
+    <script>
+        // Initialize sortable
+        const sortable = new Sortable(document.getElementById('sortableSections'), {
+            animation: 150,
+            ghostClass: 'sortable-ghost',
+            dragClass: 'dragging',
+            handle: '.drag-handle',
+            filter: '.fixed',
+            onEnd: function(evt) {
+                updateSectionOrder();
+                updatePreview();
+            }
+        });
+
+        // Get all sections data
+        const sectionsData = {
+            introduction: {% if intro %}true{% else %}false{% endif %},
+            profile_summary: {% if summary %}true{% else %}false{% endif %},
+            work_experience: {% if work_experiences %}true{% else %}false{% endif %},
+            projects: {% if projects %}true{% else %}false{% endif %},
+            education: {% if educations %}true{% else %}false{% endif %},
+            skills: {% if skills %}true{% else %}false{% endif %},
+            achievements: {% if achievements %}true{% else %}false{% endif %}
+        };
+
+        // Render templates for each section
+        const sectionTemplates = {
+            work_experience: `
+                {% for exp in work_experiences %}
+                    <div class="experience-item">
+                        <h6>{{ exp.title }}</h6>
+                        <p class="text-muted mb-1">{{ exp.organization }}</p>
+                        <p class="date-range mb-2">
+                            {{ exp.start_month }}/{{ exp.start_year }} - 
+                            {% if exp.end_year %}{{ exp.end_month }}/{{ exp.end_year }}{% else %}Present{% endif %}
+                        </p>
+                        {% if exp.remarks %}
+                            <p class="mb-0">{{ exp.remarks }}</p>
+                        {% endif %}
+                    </div>
+                {% endfor %}
+            `,
+            projects: `
+                {% for project in projects %}
+                    <div class="project-item">
+                        <h6>{{ project.title }}</h6>
+                        {% if project.organization %}
+                            <p class="text-muted mb-1">{{ project.organization }}</p>
+                        {% endif %}
+                        <p class="date-range mb-2">
+                            {{ project.start_month }}/{{ project.start_year }} - 
+                            {% if project.end_year %}{{ project.end_month }}/{{ project.end_year }}{% else %}Present{% endif %}
+                        </p>
+                        {% if project.remarks %}
+                            <p class="mb-0">{{ project.remarks }}</p>
+                        {% endif %}
+                    </div>
+                {% endfor %}
+            `,
+            education: `
+                {% for edu in educations %}
+                    <div class="education-item">
+                        <h6>{{ edu.title }}</h6>
+                        <p class="text-muted mb-1">{{ edu.organization }}</p>
+                        <p class="date-range mb-2">
+                            {{ edu.start_month }}/{{ edu.start_year }} - 
+                            {% if edu.end_year %}{{ edu.end_month }}/{{ edu.end_year }}{% else %}Present{% endif %}
+                        </p>
+                        {% if edu.remarks %}
+                            <p class="mb-0">{{ edu.remarks }}</p>
+                        {% endif %}
+                    </div>
+                {% endfor %}
+            `,
+            skills: `
+                <div class="skills-grid">
+                    {% for skill in skills %}
+                        <span class="skill-tag">{{ skill.skill }}</span>
+                    {% endfor %}
+                </div>
+            `,
+            achievements: `
+                <div class="achievements-grid">
+                    {% for achievement in achievements %}
+                        <span class="achievement-tag">{{ achievement.achievement }}</span>
+                    {% endfor %}
+                </div>
+            `
+        };
+
+        function updateSectionOrder() {
+            const items = document.querySelectorAll('#sortableSections .sortable-item');
+            const order = [];
+            
+            items.forEach(item => {
+                const section = item.dataset.section;
+                if (section && sectionsData[section]) {
+                    order.push(section);
+                }
+            });
+            
+            document.getElementById('sectionOrderInput').value = JSON.stringify(order);
+        }
+
+        function updatePreview() {
+            const items = document.querySelectorAll('#sortableSections .sortable-item');
+            const previewContent = document.getElementById('previewContent');
+            
+            // Keep introduction and summary
+            const fixedSections = previewContent.querySelectorAll('[data-section="introduction"], [data-section="profile_summary"]');
+            const newContent = Array.from(fixedSections);
+            
+            // Add dynamic sections in order
+            items.forEach(item => {
+                const section = item.dataset.section;
+                if (section && section !== 'introduction' && section !== 'profile_summary' && sectionsData[section]) {
+                    const sectionDiv = document.createElement('div');
+                    sectionDiv.className = 'preview-section';
+                    sectionDiv.dataset.section = section;
+                    
+                    let title = '';
+                    switch(section) {
+                        case 'work_experience':
+                            title = '<i class="fas fa-briefcase"></i> Work Experience';
+                            break;
+                        case 'projects':
+                            title = '<i class="fas fa-project-diagram"></i> Projects';
+                            break;
+                        case 'education':
+                            title = '<i class="fas fa-graduation-cap"></i> Education';
+                            break;
+                        case 'skills':
+                            title = '<i class="fas fa-tools"></i> Skills';
+                            break;
+                        case 'achievements':
+                            title = '<i class="fas fa-trophy"></i> Achievements';
+                            break;
+                    }
+                    
+                    sectionDiv.innerHTML = `<h5>${title}</h5>${sectionTemplates[section]}`;
+                    newContent.push(sectionDiv);
+                }
+            });
+            
+            previewContent.innerHTML = '';
+            newContent.forEach(section => previewContent.appendChild(section));
+        }
+
+        function confirmClear() {
+            if (confirm('Are you sure you want to clear all your profile data? This action cannot be undone.')) {
+                document.getElementById('previewForm').innerHTML += 
+                    '<input type="hidden" name="action" value="clear">';
+                document.getElementById('previewForm').submit();
+            }
+        }
+
+        // Initialize on page load
+        document.addEventListener('DOMContentLoaded', function() {
+            updateSectionOrder();
+            updatePreview();
+        });
+    </script>
+</body>
+</html>

templates/create_profile_summary.html

@@ -0,0 +1,269 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Profile Summary - AI Resume Builder</title>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
+    <style>
+        body {
+            background-color: #f8f9fa;
+            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+        }
+        .form-container {
+            max-width: 800px;
+            margin: 40px auto;
+            padding: 30px;
+            background: white;
+            border-radius: 10px;
+            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+        }
+        .section-title {
+            color: #2c3e50;
+            margin-bottom: 30px;
+            text-align: center;
+            font-weight: 600;
+        }
+        .btn-logout {
+            position: absolute;
+            top: 20px;
+            right: 20px;
+        }
+        .form-label {
+            font-weight: 500;
+            margin-bottom: 8px;
+            color: #495057;
+        }
+        .form-control:focus {
+            border-color: #4e73df;
+            box-shadow: 0 0 0 0.2rem rgba(78, 115, 223, 0.25);
+        }
+        .navigation-buttons {
+            display: flex;
+            justify-content: space-between;
+            margin-top: 30px;
+            padding-top: 20px;
+            border-top: 1px solid #e9ecef;
+        }
+        .error-message {
+            color: #e74c3c;
+            font-size: 0.875rem;
+            margin-top: 5px;
+        }
+        .progress-indicator {
+            margin-bottom: 30px;
+            text-align: center;
+            color: #6c757d;
+            font-size: 0.9rem;
+        }
+        .progress-indicator span {
+            display: inline-block;
+            margin: 0 10px;
+        }
+        .progress-indicator span.active {
+            color: #4e73df;
+            font-weight: 600;
+        }
+        .ai-generation-section {
+            background-color: #f8f9fa;
+            padding: 20px;
+            border-radius: 8px;
+            margin-top: 20px;
+        }
+        .ai-generation-section h5 {
+            color: #4e73df;
+            margin-bottom: 15px;
+        }
+        .btn-generate-ai {
+            background: linear-gradient(135deg, #4e73df 0%, #224abe 100%);
+            border: none;
+            color: white;
+            padding: 10px 20px;
+            border-radius: 5px;
+            transition: all 0.3s;
+        }
+        .btn-generate-ai:hover {
+            background: linear-gradient(135deg, #224abe 0%, #1a2d8a 100%);
+            color: white;
+        }
+        .btn-generate-ai:disabled {
+            background: #6c757d;
+            cursor: not-allowed;
+        }
+        .loading-spinner {
+            display: none;
+            margin-left: 10px;
+        }
+        .ai-generated-label {
+            background-color: #d4edda;
+            color: #155724;
+            padding: 5px 10px;
+            border-radius: 4px;
+            font-size: 0.875rem;
+            margin-top: 10px;
+            display: none;
+        }
+        textarea.form-control {
+            min-height: 150px;
+            resize: vertical;
+        }
+        .help-text {
+            font-size: 0.875rem;
+            color: #6c757d;
+            margin-top: 5px;
+        }
+    </style>
+</head>
+<body>
+    <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
+        <div class="container">
+            <a class="navbar-brand" href="{{ url_for('profile') }}">AI Resume Builder</a>
+            <div class="ms-auto">
+                <a href="{{ url_for('logout') }}" class="btn btn-outline-light">
+                    <i class="fas fa-sign-out-alt"></i> Logout
+                </a>
+            </div>
+        </div>
+    </nav>
+
+    <div class="container">
+        <div class="form-container">
+            <div class="progress-indicator">
+                <span>Introduction</span>
+                <span>→</span>
+                <span class="active">Profile Summary</span>
+                <span>→</span>
+                <span>Work Experience</span>
+                <span>→</span>
+                <span>Projects</span>
+                <span>→</span>
+                <span>Education</span>
+                <span>→</span>
+                <span>Skills</span>
+                <span>→</span>
+                <span>Achievements</span>
+                <span>→</span>
+                <span>Preview</span>
+            </div>
+
+            <h2 class="section-title">Profile Summary</h2>
+            
+            {% with messages = get_flashed_messages(with_categories=true) %}
+                {% if messages %}
+                    {% for category, message in messages %}
+                        <div class="alert alert-{{ category }} alert-dismissible fade show" role="alert">
+                            {{ message }}
+                            <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
+                        </div>
+                    {% endfor %}
+                {% endif %}
+            {% endwith %}
+
+            <form method="POST" action="{{ url_for('create_profile_summary') }}" id="profileSummaryForm">
+                <div class="mb-3">
+                    <label for="summary" class="form-label">Profile Summary</label>
+                    <textarea class="form-control" id="summary" name="summary" rows="6" placeholder="Write a brief summary about yourself...">{{ form_data.summary if form_data }}</textarea>
+                    <div class="help-text">
+                        Write a concise summary of your professional background, skills, and career goals (2-4 paragraphs).
+                    </div>
+                    {% if form_errors.summary %}
+                        <div class="error-message">{{ form_errors.summary[0] }}</div>
+                    {% endif %}
+                </div>
+
+                <div class="ai-generation-section">
+                    <h5><i class="fas fa-magic"></i> Generate with AI</h5>
+                    <p class="text-muted mb-3">
+                        Let AI help you create a compelling profile summary based on your introduction. 
+                        The AI will generate a professional summary that highlights your strengths.
+                    </p>
+                    <button type="button" class="btn btn-generate-ai" id="generateAIBtn" onclick="generateAISummary()">
+                        <i class="fas fa-wand-magic-sparkles"></i> Generate Profile Summary with AI
+                        <span class="spinner-border spinner-border-sm loading-spinner" id="aiLoading" role="status" aria-hidden="true"></span>
+                    </button>
+                    <div class="ai-generated-label" id="aiGeneratedLabel">
+                        <i class="fas fa-check-circle"></i> AI-generated summary
+                    </div>
+                </div>
+
+                <div class="navigation-buttons">
+                    <div>
+                        <a href="{{ url_for('create_introduction') }}" class="btn btn-outline-secondary">
+                            <i class="fas fa-arrow-left"></i> Back
+                        </a>
+                    </div>
+                    <div>
+                        <button type="submit" class="btn btn-primary">
+                            Next <i class="fas fa-arrow-right"></i>
+                        </button>
+                    </div>
+                </div>
+            </form>
+        </div>
+    </div>
+
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
+    <script>
+        function generateAISummary() {
+            const btn = document.getElementById('generateAIBtn');
+            const loading = document.getElementById('aiLoading');
+            const aiLabel = document.getElementById('aiGeneratedLabel');
+            const summaryTextarea = document.getElementById('summary');
+            
+            btn.disabled = true;
+            loading.style.display = 'inline-block';
+            aiLabel.style.display = 'none';
+            
+            fetch('/profile/create/generate-summary', {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json',
+                    'X-CSRFToken': '{{ csrf_token() if csrf_token else "" }}'
+                },
+                credentials: 'same-origin'
+            })
+            .then(response => response.json())
+            .then(data => {
+                if (data.success) {
+                    summaryTextarea.value = data.summary;
+                    aiLabel.style.display = 'block';
+                    
+                    // Show success message
+                    const alertDiv = document.createElement('div');
+                    alertDiv.className = 'alert alert-success alert-dismissible fade show mt-3';
+                    alertDiv.innerHTML = `
+                        ${data.message}
+                        <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
+                    `;
+                    document.querySelector('.ai-generation-section').appendChild(alertDiv);
+                } else {
+                    // Show error message
+                    const alertDiv = document.createElement('div');
+                    alertDiv.className = 'alert alert-danger alert-dismissible fade show mt-3';
+                    alertDiv.innerHTML = `
+                        ${data.message}
+                        <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
+                    `;
+                    document.querySelector('.ai-generation-section').appendChild(alertDiv);
+                }
+            })
+            .catch(error => {
+                console.error('Error:', error);
+                // Show error message
+                const alertDiv = document.createElement('div');
+                alertDiv.className = 'alert alert-danger alert-dismissible fade show mt-3';
+                alertDiv.innerHTML = `
+                    Failed to generate summary. Please try again.
+                    <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
+                `;
+                document.querySelector('.ai-generation-section').appendChild(alertDiv);
+            })
+            .finally(() => {
+                btn.disabled = false;
+                loading.style.display = 'none';
+            });
+        }
+    </script>
+</body>
+</html>

templates/create_projects.html

@@ -0,0 +1,433 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Projects - AI Resume Builder</title>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
+    <style>
+        body {
+            background-color: #f8f9fa;
+            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+        }
+        .form-container {
+            max-width: 900px;
+            margin: 40px auto;
+            padding: 30px;
+            background: white;
+            border-radius: 10px;
+            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+        }
+        .section-title {
+            color: #2c3e50;
+            margin-bottom: 30px;
+            text-align: center;
+            font-weight: 600;
+        }
+        .btn-logout {
+            position: absolute;
+            top: 20px;
+            right: 20px;
+        }
+        .form-label {
+            font-weight: 500;
+            margin-bottom: 8px;
+            color: #495057;
+        }
+        .form-control:focus {
+            border-color: #4e73df;
+            box-shadow: 0 0 0 0.2rem rgba(78, 115, 223, 0.25);
+        }
+        .navigation-buttons {
+            display: flex;
+            justify-content: space-between;
+            margin-top: 30px;
+            padding-top: 20px;
+            border-top: 1px solid #e9ecef;
+        }
+        .error-message {
+            color: #e74c3c;
+            font-size: 0.875rem;
+            margin-top: 5px;
+        }
+        .progress-indicator {
+            margin-bottom: 30px;
+            text-align: center;
+            color: #6c757d;
+            font-size: 0.9rem;
+        }
+        .progress-indicator span {
+            display: inline-block;
+            margin: 0 10px;
+        }
+        .progress-indicator span.active {
+            color: #4e73df;
+            font-weight: 600;
+        }
+        .project-item {
+            background-color: #f8f9fa;
+            border: 1px solid #e9ecef;
+            border-radius: 8px;
+            padding: 20px;
+            margin-bottom: 20px;
+            position: relative;
+        }
+        .project-item.has-error {
+            border-color: #e74c3c;
+            background-color: #fdf2f2;
+        }
+        .btn-remove {
+            position: absolute;
+            top: 10px;
+            right: 10px;
+            color: #e74c3c;
+            background: white;
+            border: 1px solid #e74c3c;
+            padding: 5px 10px;
+            border-radius: 5px;
+            transition: all 0.3s;
+        }
+        .btn-remove:hover {
+            color: white;
+            background-color: #e74c3c;
+        }
+        .btn-add {
+            margin-bottom: 20px;
+            background-color: #28a745;
+            border: none;
+            color: white;
+        }
+        .btn-add:hover {
+            background-color: #218838;
+            color: white;
+        }
+        .present-checkbox {
+            margin-top: 10px;
+        }
+        .date-inputs {
+            display: flex;
+            gap: 10px;
+        }
+        .date-inputs .form-control {
+            flex: 1;
+        }
+        .empty-state {
+            text-align: center;
+            padding: 40px;
+            color: #6c757d;
+        }
+        .empty-state i {
+            font-size: 3rem;
+            margin-bottom: 20px;
+            color: #dee2e6;
+        }
+        .section-header {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            margin-bottom: 20px;
+        }
+        .optional-badge {
+            background-color: #6c757d;
+            color: white;
+            padding: 2px 8px;
+            border-radius: 4px;
+            font-size: 0.75rem;
+            margin-left: 5px;
+        }
+    </style>
+</head>
+<body>
+    <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
+        <div class="container">
+            <a class="navbar-brand" href="{{ url_for('profile') }}">AI Resume Builder</a>
+            <div class="ms-auto">
+                <a href="{{ url_for('logout') }}" class="btn btn-outline-light">
+                    <i class="fas fa-sign-out-alt"></i> Logout
+                </a>
+            </div>
+        </div>
+    </nav>
+
+    <div class="container">
+        <div class="form-container">
+            <div class="progress-indicator">
+                <span>Introduction</span>
+                <span>→</span>
+                <span>Profile Summary</span>
+                <span>→</span>
+                <span>Work Experience</span>
+                <span>→</span>
+                <span class="active">Projects</span>
+                <span>→</span>
+                <span>Education</span>
+                <span>→</span>
+                <span>Skills</span>
+                <span>→</span>
+                <span>Achievements</span>
+                <span>→</span>
+                <span>Preview</span>
+            </div>
+
+            <div class="section-header">
+                <h2 class="section-title mb-0">Projects</h2>
+                <button type="button" class="btn btn-add" onclick="addProject()">
+                    <i class="fas fa-plus"></i> Add Project
+                </button>
+            </div>
+            
+            {% with messages = get_flashed_messages(with_categories=true) %}
+                {% if messages %}
+                    {% for category, message in messages %}
+                        <div class="alert alert-{{ category }} alert-dismissible fade show" role="alert">
+                            {{ message }}
+                            <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
+                        </div>
+                    {% endfor %}
+                {% endif %}
+            {% endwith %}
+
+            <form method="POST" action="{{ url_for('create_projects') }}" id="projectsForm">
+                <div id="projectsContainer">
+                    {% if form_data and form_data.projects %}
+                        {% for project in form_data.projects %}
+                            <div class="project-item">
+                                <button type="button" class="btn btn-sm btn-remove" onclick="removeProject(this)">
+                                    <i class="fas fa-times"></i>
+                                </button>
+                                
+                                <div class="row">
+                                    <div class="col-md-6 mb-3">
+                                        <label class="form-label">Organization <span class="optional-badge">Optional</span></label>
+                                        <input type="text" class="form-control" name="organization[]" value="{{ project.organization }}">
+                                    </div>
+                                    <div class="col-md-6 mb-3">
+                                        <label class="form-label required">Project Title</label>
+                                        <input type="text" class="form-control" name="title[]" value="{{ project.title }}" required>
+                                    </div>
+                                </div>
+
+                                <div class="row">
+                                    <div class="col-md-6 mb-3">
+                                        <label class="form-label required">Start Date</label>
+                                        <div class="date-inputs">
+                                            <select class="form-control" name="start_month[]" required>
+                                                <option value="">Month</option>
+                                                {% for i in range(1, 13) %}
+                                                    <option value="{{ i }}" {% if project.start_month == i %}selected{% endif %}>
+                                                        {{ i }}
+                                                    </option>
+                                                {% endfor %}
+                                            </select>
+                                            <select class="form-control" name="start_year[]" required>
+                                                <option value="">Year</option>
+                                                {% for year in range(1980, current_year + 1) %}
+                                                    <option value="{{ year }}" {% if project.start_year == year %}selected{% endif %}>
+                                                        {{ year }}
+                                                    </option>
+                                                {% endfor %}
+                                            </select>
+                                        </div>
+                                    </div>
+                                    <div class="col-md-6 mb-3">
+                                        <label class="form-label">End Date</label>
+                                        <div class="date-inputs">
+                                            <select class="form-control" name="end_month[]" {% if project.is_present %}disabled{% endif %}>
+                                                <option value="">Month</option>
+                                                {% for i in range(1, 13) %}
+                                                    <option value="{{ i }}" {% if project.end_month == i %}selected{% endif %}>
+                                                        {{ i }}
+                                                    </option>
+                                                {% endfor %}
+                                            </select>
+                                            <select class="form-control" name="end_year[]" {% if project.is_present %}disabled{% endif %}>
+                                                <option value="">Year</option>
+                                                {% for year in range(1980, current_year + 1) %}
+                                                    <option value="{{ year }}" {% if project.end_year == year %}selected{% endif %}>
+                                                        {{ year }}
+                                                    </option>
+                                                {% endfor %}
+                                            </select>
+                                        </div>
+                                        <div class="present-checkbox">
+                                            <div class="form-check">
+                                                <input class="form-check-input" type="checkbox" name="is_present[]" id="present_project_{{ loop.index0 }}" 
+                                                       {% if project.is_present %}checked{% endif %} 
+                                                       onchange="toggleEndDate(this)">
+                                                <label class="form-check-label" for="present_project_{{ loop.index0 }}">
+                                                    Present
+                                                </label>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+
+                                <div class="mb-3">
+                                    <label class="form-label">Description</label>
+                                    <textarea class="form-control" name="remarks[]" rows="3" placeholder="Describe the project, your role, technologies used, and outcomes...">{{ project.remarks }}</textarea>
+                                </div>
+                            </div>
+                        {% endfor %}
+                    {% else %}
+                        <div class="empty-state">
+                            <i class="fas fa-project-diagram"></i>
+                            <h5>No Projects Added</h5>
+                            <p>Click "Add Project" to add your project experience</p>
+                        </div>
+                    {% endif %}
+                </div>
+
+                <div class="navigation-buttons">
+                    <div>
+                        <a href="{{ url_for('create_work_experience') }}" class="btn btn-outline-secondary">
+                            <i class="fas fa-arrow-left"></i> Back
+                        </a>
+                        <button type="button" class="btn btn-outline-primary" onclick="skipToEducation()">
+                            Skip <i class="fas fa-forward"></i>
+                        </button>
+                    </div>
+                    <div>
+                        <button type="submit" class="btn btn-primary">
+                            Next <i class="fas fa-arrow-right"></i>
+                        </button>
+                    </div>
+                </div>
+            </form>
+        </div>
+    </div>
+
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
+    <script>
+        let projectCount = {{ form_data.projects|length if form_data and form_data.projects else 0 }};
+
+        function addProject() {
+            const container = document.getElementById('projectsContainer');
+            const emptyState = container.querySelector('.empty-state');
+            if (emptyState) {
+                emptyState.remove();
+            }
+
+            const div = document.createElement('div');
+            div.className = 'project-item';
+            div.innerHTML = `
+                <button type="button" class="btn btn-sm btn-remove" onclick="removeProject(this)">
+                    <i class="fas fa-times"></i>
+                </button>
+                
+                <div class="row">
+                    <div class="col-md-6 mb-3">
+                        <label class="form-label">Organization <span class="optional-badge">Optional</span></label>
+                        <input type="text" class="form-control" name="organization[]">
+                    </div>
+                    <div class="col-md-6 mb-3">
+                        <label class="form-label required">Project Title</label>
+                        <input type="text" class="form-control" name="title[]" required>
+                    </div>
+                </div>
+
+                <div class="row">
+                    <div class="col-md-6 mb-3">
+                        <label class="form-label required">Start Date</label>
+                        <div class="date-inputs">
+                            <select class="form-control" name="start_month[]" required>
+                                <option value="">Month</option>
+                                ${generateMonthOptions()}
+                            </select>
+                            <select class="form-control" name="start_year[]" required>
+                                <option value="">Year</option>
+                                ${generateYearOptions()}
+                            </select>
+                        </div>
+                    </div>
+                    <div class="col-md-6 mb-3">
+                        <label class="form-label">End Date</label>
+                        <div class="date-inputs">
+                            <select class="form-control" name="end_month[]">
+                                <option value="">Month</option>
+                                ${generateMonthOptions()}
+                            </select>
+                            <select class="form-control" name="end_year[]">
+                                <option value="">Year</option>
+                                ${generateYearOptions()}
+                            </select>
+                        </div>
+                        <div class="present-checkbox">
+                            <div class="form-check">
+                                <input class="form-check-input" type="checkbox" name="is_present[]" id="present_project_${projectCount}" onchange="toggleEndDate(this)">
+                                <label class="form-check-label" for="present_project_${projectCount}">
+                                    Present
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+
+                <div class="mb-3">
+                    <label class="form-label">Description</label>
+                    <textarea class="form-control" name="remarks[]" rows="3" placeholder="Describe the project, your role, technologies used, and outcomes..."></textarea>
+                </div>
+            `;
+            
+            container.appendChild(div);
+            projectCount++;
+        }
+
+        function removeProject(button) {
+            const item = button.closest('.project-item');
+            item.remove();
+            
+            const container = document.getElementById('projectsContainer');
+            const remainingItems = container.querySelectorAll('.project-item');
+            
+            if (remainingItems.length === 0) {
+                container.innerHTML = `
+                    <div class="empty-state">
+                        <i class="fas fa-project-diagram"></i>
+                        <h5>No Projects Added</h5>
+                        <p>Click "Add Project" to add your project experience</p>
+                    </div>
+                `;
+            }
+        }
+
+        function toggleEndDate(checkbox) {
+            const item = checkbox.closest('.project-item');
+            const endMonth = item.querySelector('select[name="end_month[]"]');
+            const endYear = item.querySelector('select[name="end_year[]"]');
+            
+            if (checkbox.checked) {
+                endMonth.disabled = true;
+                endYear.disabled = true;
+                endMonth.value = '';
+                endYear.value = '';
+            } else {
+                endMonth.disabled = false;
+                endYear.disabled = false;
+            }
+        }
+
+        function skipToEducation() {
+            document.getElementById('projectsForm').action = '{{ url_for("create_education") }}';
+            document.getElementById('projectsForm').submit();
+        }
+
+        function generateMonthOptions() {
+            let options = '';
+            for (let i = 1; i <= 12; i++) {
+                options += `<option value="${i}">${i}</option>`;
+            }
+            return options;
+        }
+
+        function generateYearOptions() {
+            const currentYear = new Date().getFullYear();
+            let options = '';
+            for (let year = 1980; year <= currentYear + 1; year++) {
+                options += `<option value="${year}">${year}</option>`;
+            }
+            return options;
+        }
+    </script>
+</body>
+</html>

templates/create_skills.html

@@ -0,0 +1,263 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Skills - AI Resume Builder</title>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
+    <style>
+        body {
+            background-color: #f8f9fa;
+            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+        }
+        .form-container {
+            max-width: 800px;
+            margin: 40px auto;
+            padding: 30px;
+            background: white;
+            border-radius: 10px;
+            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+        }
+        .section-title {
+            color: #2c3e50;
+            margin-bottom: 30px;
+            text-align: center;
+            font-weight: 600;
+        }
+        .btn-logout {
+            position: absolute;
+            top: 20px;
+            right: 20px;
+        }
+        .form-label {
+            font-weight: 500;
+            margin-bottom: 8px;
+            color: #495057;
+        }
+        .form-control:focus {
+            border-color: #4e73df;
+            box-shadow: 0 0 0 0.2rem rgba(78, 115, 223, 0.25);
+        }
+        .navigation-buttons {
+            display: flex;
+            justify-content: space-between;
+            margin-top: 30px;
+            padding-top: 20px;
+            border-top: 1px solid #e9ecef;
+        }
+        .error-message {
+            color: #e74c3c;
+            font-size: 0.875rem;
+            margin-top: 5px;
+        }
+        .progress-indicator {
+            margin-bottom: 30px;
+            text-align: center;
+            color: #6c757d;
+            font-size: 0.9rem;
+        }
+        .progress-indicator span {
+            display: inline-block;
+            margin: 0 10px;
+        }
+        .progress-indicator span.active {
+            color: #4e73df;
+            font-weight: 600;
+        }
+        .skills-display {
+            background-color: #f8f9fa;
+            border: 1px solid #e9ecef;
+            border-radius: 8px;
+            padding: 20px;
+            margin-top: 20px;
+            min-height: 100px;
+        }
+        .skill-tag {
+            display: inline-block;
+            background-color: #4e73df;
+            color: white;
+            padding: 5px 12px;
+            margin: 5px;
+            border-radius: 20px;
+            font-size: 0.9rem;
+            position: relative;
+        }
+        .skill-tag .remove-skill {
+            margin-left: 8px;
+            cursor: pointer;
+            font-size: 0.8rem;
+            opacity: 0.7;
+        }
+        .skill-tag .remove-skill:hover {
+            opacity: 1;
+        }
+        .empty-skills {
+            text-align: center;
+            color: #6c757d;
+            font-style: italic;
+            padding: 20px;
+        }
+        .help-text {
+            font-size: 0.875rem;
+            color: #6c757d;
+            margin-top: 5px;
+        }
+        .skills-preview-section {
+            margin-top: 30px;
+        }
+        .skills-preview-section h5 {
+            color: #495057;
+            margin-bottom: 15px;
+        }
+    </style>
+</head>
+<body>
+    <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
+        <div class="container">
+            <a class="navbar-brand" href="{{ url_for('profile') }}">AI Resume Builder</a>
+            <div class="ms-auto">
+                <a href="{{ url_for('logout') }}" class="btn btn-outline-light">
+                    <i class="fas fa-sign-out-alt"></i> Logout
+                </a>
+            </div>
+        </div>
+    </nav>
+
+    <div class="container">
+        <div class="form-container">
+            <div class="progress-indicator">
+                <span>Introduction</span>
+                <span>→</span>
+                <span>Profile Summary</span>
+                <span>→</span>
+                <span>Work Experience</span>
+                <span>→</span>
+                <span>Projects</span>
+                <span>→</span>
+                <span>Education</span>
+                <span>→</span>
+                <span class="active">Skills</span>
+                <span>→</span>
+                <span>Achievements</span>
+                <span>→</span>
+                <span>Preview</span>
+            </div>
+
+            <h2 class="section-title">Skills</h2>
+            
+            {% with messages = get_flashed_messages(with_categories=true) %}
+                {% if messages %}
+                    {% for category, message in messages %}
+                        <div class="alert alert-{{ category }} alert-dismissible fade show" role="alert">
+                            {{ message }}
+                            <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
+                        </div>
+                    {% endfor %}
+                {% endif %}
+            {% endwith %}
+
+            <form method="POST" action="{{ url_for('create_skills') }}" id="skillsForm">
+                <div class="mb-3">
+                    <label for="skills" class="form-label">Enter Your Skills</label>
+                    <textarea class="form-control" id="skills" name="skills" rows="4" 
+                              placeholder="Enter your skills separated by commas. For example: Python, JavaScript, Project Management, Communication, Data Analysis...">{{ form_data.skills if form_data }}</textarea>
+                    <div class="help-text">
+                        Enter your technical and soft skills separated by commas. Each skill will be displayed as a separate tag.
+                    </div>
+                    {% if form_errors.skills %}
+                        <div class="error-message">{{ form_errors.skills[0] }}</div>
+                    {% endif %}
+                </div>
+
+                <div class="skills-preview-section">
+                    <h5><i class="fas fa-eye"></i> Skills Preview</h5>
+                    <div class="skills-display" id="skillsPreview">
+                        {% if form_data.skills_preview %}
+                            {% for skill in form_data.skills_preview %}
+                                <span class="skill-tag">
+                                    {{ skill }}
+                                    <span class="remove-skill" onclick="removeSkill(this)">×</span>
+                                </span>
+                            {% endfor %}
+                        {% else %}
+                            <div class="empty-skills">
+                                Your skills will appear here as you type them above
+                            </div>
+                        {% endif %}
+                    </div>
+                </div>
+
+                <div class="navigation-buttons">
+                    <div>
+                        <a href="{{ url_for('create_education') }}" class="btn btn-outline-secondary">
+                            <i class="fas fa-arrow-left"></i> Back
+                        </a>
+                        <button type="button" class="btn btn-outline-primary" onclick="skipToAchievements()">
+                            Skip <i class="fas fa-forward"></i>
+                        </button>
+                    </div>
+                    <div>
+                        <button type="submit" class="btn btn-primary">
+                            Next <i class="fas fa-arrow-right"></i>
+                        </button>
+                    </div>
+                </div>
+            </form>
+        </div>
+    </div>
+
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
+    <script>
+        const skillsTextarea = document.getElementById('skills');
+        const skillsPreview = document.getElementById('skillsPreview');
+        let skills = [];
+
+        // Initialize skills from form data if exists
+        {% if form_data.skills_preview %}
+            skills = {{ form_data.skills_preview|tojson }};
+        {% endif %}
+
+        function updateSkillsPreview() {
+            const input = skillsTextarea.value;
+            const newSkills = input.split(',').map(skill => skill.trim()).filter(skill => skill);
+            
+            // Update preview
+            if (newSkills.length === 0) {
+                skillsPreview.innerHTML = '<div class="empty-skills">Your skills will appear here as you type them above</div>';
+            } else {
+                skillsPreview.innerHTML = newSkills.map(skill => `
+                    <span class="skill-tag">
+                        ${skill}
+                        <span class="remove-skill" onclick="removeSkill(this)">×</span>
+                    </span>
+                `).join('');
+            }
+        }
+
+        function removeSkill(element) {
+            const skillTag = element.parentElement;
+            const skillText = skillTag.textContent.replace('×', '').trim();
+            
+            // Remove from textarea
+            const currentSkills = skillsTextarea.value.split(',').map(s => s.trim()).filter(s => s);
+            const updatedSkills = currentSkills.filter(skill => skill !== skillText);
+            skillsTextarea.value = updatedSkills.join(', ');
+            
+            // Update preview
+            updateSkillsPreview();
+        }
+
+        function skipToAchievements() {
+            document.getElementById('skillsForm').action = '{{ url_for("create_achievements") }}';
+            document.getElementById('skillsForm').submit();
+        }
+
+        // Update preview as user types
+        skillsTextarea.addEventListener('input', updateSkillsPreview);
+
+        // Initialize preview on page load
+        updateSkillsPreview();
+    </script>
+</body>
+</html>

templates/create_work_experience.html

@@ -0,0 +1,425 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Work Experience - AI Resume Builder</title>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
+    <style>
+        body {
+            background-color: #f8f9fa;
+            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+        }
+        .form-container {
+            max-width: 900px;
+            margin: 40px auto;
+            padding: 30px;
+            background: white;
+            border-radius: 10px;
+            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+        }
+        .section-title {
+            color: #2c3e50;
+            margin-bottom: 30px;
+            text-align: center;
+            font-weight: 600;
+        }
+        .btn-logout {
+            position: absolute;
+            top: 20px;
+            right: 20px;
+        }
+        .form-label {
+            font-weight: 500;
+            margin-bottom: 8px;
+            color: #495057;
+        }
+        .form-control:focus {
+            border-color: #4e73df;
+            box-shadow: 0 0 0 0.2rem rgba(78, 115, 223, 0.25);
+        }
+        .navigation-buttons {
+            display: flex;
+            justify-content: space-between;
+            margin-top: 30px;
+            padding-top: 20px;
+            border-top: 1px solid #e9ecef;
+        }
+        .error-message {
+            color: #e74c3c;
+            font-size: 0.875rem;
+            margin-top: 5px;
+        }
+        .progress-indicator {
+            margin-bottom: 30px;
+            text-align: center;
+            color: #6c757d;
+            font-size: 0.9rem;
+        }
+        .progress-indicator span {
+            display: inline-block;
+            margin: 0 10px;
+        }
+        .progress-indicator span.active {
+            color: #4e73df;
+            font-weight: 600;
+        }
+        .work-experience-item {
+            background-color: #f8f9fa;
+            border: 1px solid #e9ecef;
+            border-radius: 8px;
+            padding: 20px;
+            margin-bottom: 20px;
+            position: relative;
+        }
+        .work-experience-item.has-error {
+            border-color: #e74c3c;
+            background-color: #fdf2f2;
+        }
+        .btn-remove {
+            position: absolute;
+            top: 10px;
+            right: 10px;
+            color: #e74c3c;
+            background: white;
+            border: 1px solid #e74c3c;
+            padding: 5px 10px;
+            border-radius: 5px;
+            transition: all 0.3s;
+        }
+        .btn-remove:hover {
+            color: white;
+            background-color: #e74c3c;
+        }
+        .btn-add {
+            margin-bottom: 20px;
+            background-color: #28a745;
+            border: none;
+            color: white;
+        }
+        .btn-add:hover {
+            background-color: #218838;
+            color: white;
+        }
+        .present-checkbox {
+            margin-top: 10px;
+        }
+        .date-inputs {
+            display: flex;
+            gap: 10px;
+        }
+        .date-inputs .form-control {
+            flex: 1;
+        }
+        .empty-state {
+            text-align: center;
+            padding: 40px;
+            color: #6c757d;
+        }
+        .empty-state i {
+            font-size: 3rem;
+            margin-bottom: 20px;
+            color: #dee2e6;
+        }
+        .section-header {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            margin-bottom: 20px;
+        }
+    </style>
+</head>
+<body>
+    <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
+        <div class="container">
+            <a class="navbar-brand" href="{{ url_for('profile') }}">AI Resume Builder</a>
+            <div class="ms-auto">
+                <a href="{{ url_for('logout') }}" class="btn btn-outline-light">
+                    <i class="fas fa-sign-out-alt"></i> Logout
+                </a>
+            </div>
+        </div>
+    </nav>
+
+    <div class="container">
+        <div class="form-container">
+            <div class="progress-indicator">
+                <span>Introduction</span>
+                <span>→</span>
+                <span>Profile Summary</span>
+                <span>→</span>
+                <span class="active">Work Experience</span>
+                <span>→</span>
+                <span>Projects</span>
+                <span>→</span>
+                <span>Education</span>
+                <span>→</span>
+                <span>Skills</span>
+                <span>→</span>
+                <span>Achievements</span>
+                <span>→</span>
+                <span>Preview</span>
+            </div>
+
+            <div class="section-header">
+                <h2 class="section-title mb-0">Work Experience</h2>
+                <button type="button" class="btn btn-add" onclick="addWorkExperience()">
+                    <i class="fas fa-plus"></i> Add Work Experience
+                </button>
+            </div>
+            
+            {% with messages = get_flashed_messages(with_categories=true) %}
+                {% if messages %}
+                    {% for category, message in messages %}
+                        <div class="alert alert-{{ category }} alert-dismissible fade show" role="alert">
+                            {{ message }}
+                            <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
+                        </div>
+                    {% endfor %}
+                {% endif %}
+            {% endwith %}
+
+            <form method="POST" action="{{ url_for('create_work_experience') }}" id="workExperienceForm">
+                <div id="workExperienceContainer">
+                    {% if form_data and form_data.work_experiences %}
+                        {% for exp in form_data.work_experiences %}
+                            <div class="work-experience-item">
+                                <button type="button" class="btn btn-sm btn-remove" onclick="removeWorkExperience(this)">
+                                    <i class="fas fa-times"></i>
+                                </button>
+                                
+                                <div class="row">
+                                    <div class="col-md-6 mb-3">
+                                        <label class="form-label required">Organization</label>
+                                        <input type="text" class="form-control" name="organization[]" value="{{ exp.organization }}" required>
+                                    </div>
+                                    <div class="col-md-6 mb-3">
+                                        <label class="form-label required">Title</label>
+                                        <input type="text" class="form-control" name="title[]" value="{{ exp.title }}" required>
+                                    </div>
+                                </div>
+
+                                <div class="row">
+                                    <div class="col-md-6 mb-3">
+                                        <label class="form-label required">Start Date</label>
+                                        <div class="date-inputs">
+                                            <select class="form-control" name="start_month[]" required>
+                                                <option value="">Month</option>
+                                                {% for i in range(1, 13) %}
+                                                    <option value="{{ i }}" {% if exp.start_month == i %}selected{% endif %}>
+                                                        {{ i }}
+                                                    </option>
+                                                {% endfor %}
+                                            </select>
+                                            <select class="form-control" name="start_year[]" required>
+                                                <option value="">Year</option>
+                                                {% for year in range(1980, current_year + 1) %}
+                                                    <option value="{{ year }}" {% if exp.start_year == year %}selected{% endif %}>
+                                                        {{ year }}
+                                                    </option>
+                                                {% endfor %}
+                                            </select>
+                                        </div>
+                                    </div>
+                                    <div class="col-md-6 mb-3">
+                                        <label class="form-label">End Date</label>
+                                        <div class="date-inputs">
+                                            <select class="form-control" name="end_month[]" {% if exp.is_present %}disabled{% endif %}>
+                                                <option value="">Month</option>
+                                                {% for i in range(1, 13) %}
+                                                    <option value="{{ i }}" {% if exp.end_month == i %}selected{% endif %}>
+                                                        {{ i }}
+                                                    </option>
+                                                {% endfor %}
+                                            </select>
+                                            <select class="form-control" name="end_year[]" {% if exp.is_present %}disabled{% endif %}>
+                                                <option value="">Year</option>
+                                                {% for year in range(1980, current_year + 1) %}
+                                                    <option value="{{ year }}" {% if exp.end_year == year %}selected{% endif %}>
+                                                        {{ year }}
+                                                    </option>
+                                                {% endfor %}
+                                            </select>
+                                        </div>
+                                        <div class="present-checkbox">
+                                            <div class="form-check">
+                                                <input class="form-check-input" type="checkbox" name="is_present[]" id="present_{{ loop.index0 }}" 
+                                                       {% if exp.is_present %}checked{% endif %} 
+                                                       onchange="toggleEndDate(this)">
+                                                <label class="form-check-label" for="present_{{ loop.index0 }}">
+                                                    Present
+                                                </label>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+
+                                <div class="mb-3">
+                                    <label class="form-label">Remarks</label>
+                                    <textarea class="form-control" name="remarks[]" rows="3" placeholder="Describe your responsibilities and achievements...">{{ exp.remarks }}</textarea>
+                                </div>
+                            </div>
+                        {% endfor %}
+                    {% else %}
+                        <div class="empty-state">
+                            <i class="fas fa-briefcase"></i>
+                            <h5>No Work Experience Added</h5>
+                            <p>Click "Add Work Experience" to add your work history</p>
+                        </div>
+                    {% endif %}
+                </div>
+
+                <div class="navigation-buttons">
+                    <div>
+                        <a href="{{ url_for('create_profile_summary') }}" class="btn btn-outline-secondary">
+                            <i class="fas fa-arrow-left"></i> Back
+                        </a>
+                        <button type="button" class="btn btn-outline-primary" onclick="skipToProjects()">
+                            Skip <i class="fas fa-forward"></i>
+                        </button>
+                    </div>
+                    <div>
+                        <button type="submit" class="btn btn-primary">
+                            Next <i class="fas fa-arrow-right"></i>
+                        </button>
+                    </div>
+                </div>
+            </form>
+        </div>
+    </div>
+
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
+    <script>
+        let experienceCount = {{ form_data.work_experiences|length if form_data and form_data.work_experiences else 0 }};
+
+        function addWorkExperience() {
+            const container = document.getElementById('workExperienceContainer');
+            const emptyState = container.querySelector('.empty-state');
+            if (emptyState) {
+                emptyState.remove();
+            }
+
+            const div = document.createElement('div');
+            div.className = 'work-experience-item';
+            div.innerHTML = `
+                <button type="button" class="btn btn-sm btn-remove" onclick="removeWorkExperience(this)">
+                    <i class="fas fa-times"></i>
+                </button>
+                
+                <div class="row">
+                    <div class="col-md-6 mb-3">
+                        <label class="form-label required">Organization</label>
+                        <input type="text" class="form-control" name="organization[]" required>
+                    </div>
+                    <div class="col-md-6 mb-3">
+                        <label class="form-label required">Title</label>
+                        <input type="text" class="form-control" name="title[]" required>
+                    </div>
+                </div>
+
+                <div class="row">
+                    <div class="col-md-6 mb-3">
+                        <label class="form-label required">Start Date</label>
+                        <div class="date-inputs">
+                            <select class="form-control" name="start_month[]" required>
+                                <option value="">Month</option>
+                                ${generateMonthOptions()}
+                            </select>
+                            <select class="form-control" name="start_year[]" required>
+                                <option value="">Year</option>
+                                ${generateYearOptions()}
+                            </select>
+                        </div>
+                    </div>
+                    <div class="col-md-6 mb-3">
+                        <label class="form-label">End Date</label>
+                        <div class="date-inputs">
+                            <select class="form-control" name="end_month[]">
+                                <option value="">Month</option>
+                                ${generateMonthOptions()}
+                            </select>
+                            <select class="form-control" name="end_year[]">
+                                <option value="">Year</option>
+                                ${generateYearOptions()}
+                            </select>
+                        </div>
+                        <div class="present-checkbox">
+                            <div class="form-check">
+                                <input class="form-check-input" type="checkbox" name="is_present[]" id="present_${experienceCount}" onchange="toggleEndDate(this)">
+                                <label class="form-check-label" for="present_${experienceCount}">
+                                    Present
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+
+                <div class="mb-3">
+                    <label class="form-label">Remarks</label>
+                    <textarea class="form-control" name="remarks[]" rows="3" placeholder="Describe your responsibilities and achievements..."></textarea>
+                </div>
+            `;
+            
+            container.appendChild(div);
+            experienceCount++;
+        }
+
+        function removeWorkExperience(button) {
+            const item = button.closest('.work-experience-item');
+            item.remove();
+            
+            const container = document.getElementById('workExperienceContainer');
+            const remainingItems = container.querySelectorAll('.work-experience-item');
+            
+            if (remainingItems.length === 0) {
+                container.innerHTML = `
+                    <div class="empty-state">
+                        <i class="fas fa-briefcase"></i>
+                        <h5>No Work Experience Added</h5>
+                        <p>Click "Add Work Experience" to add your work history</p>
+                    </div>
+                `;
+            }
+        }
+
+        function toggleEndDate(checkbox) {
+            const item = checkbox.closest('.work-experience-item');
+            const endMonth = item.querySelector('select[name="end_month[]"]');
+            const endYear = item.querySelector('select[name="end_year[]"]');
+            
+            if (checkbox.checked) {
+                endMonth.disabled = true;
+                endYear.disabled = true;
+                endMonth.value = '';
+                endYear.value = '';
+            } else {
+                endMonth.disabled = false;
+                endYear.disabled = false;
+            }
+        }
+
+        function skipToProjects() {
+            document.getElementById('workExperienceForm').action = '{{ url_for("create_projects") }}';
+            document.getElementById('workExperienceForm').submit();
+        }
+
+        function generateMonthOptions() {
+            let options = '';
+            for (let i = 1; i <= 12; i++) {
+                options += `<option value="${i}">${i}</option>`;
+            }
+            return options;
+        }
+
+        function generateYearOptions() {
+            const currentYear = new Date().getFullYear();
+            let options = '';
+            for (let year = 1980; year <= currentYear + 1; year++) {
+                options += `<option value="${year}">${year}</option>`;
+            }
+            return options;
+        }
+    </script>
+</body>
+</html>

templates/forgot_password.html

@@ -0,0 +1,55 @@
+{% extends "base.html" %}
+
+{% block title %}Forgot Password - AI Resume Builder{% endblock %}
+
+{% block content %}
+<div class="min-h-screen flex items-center justify-center bg-gray-50 py-12 px-4 sm:px-6 lg:px-8">
+    <div class="max-w-md w-full space-y-8">
+        <div class="text-center">
+            <h2 class="text-2xl font-semibold text-gray-800 mb-6">
+                Forgot your password?
+            </h2>
+            <p class="text-gray-600">
+                Enter your email address and we'll send you a link to reset your password.
+            </p>
+        </div>
+
+        <form method="POST" action="{{ url_for('forgot_password') }}" class="mt-8 space-y-6">
+            
+            <div>
+                <label for="email" class="block text-sm font-medium text-gray-700 mb-2">
+                    Email address
+                </label>
+                <input
+                    id="email"
+                    name="email"
+                    type="email"
+                    autocomplete="email"
+                    required
+                    class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 transition-colors"
+                    placeholder="Enter your email"
+                    value="{{ request.form.email or '' }}"
+                />
+            </div>
+
+            <div>
+                <button
+                    type="submit"
+                    class="w-full flex justify-center py-3 px-4 border border-transparent rounded-lg shadow-sm text-sm font-medium text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 transition-colors"
+                >
+                    Send Reset Link
+                </button>
+            </div>
+
+            <div class="text-center">
+                <p class="text-sm text-gray-600">
+                    Remember your password? 
+                    <a href="{{ url_for('signin') }}" class="font-medium text-blue-600 hover:text-blue-500">
+                        Sign in
+                    </a>
+                </p>
+            </div>
+        </form>
+    </div>
+</div>
+{% endblock %}

templates/profile.html

@@ -0,0 +1,303 @@
+{% extends "base.html" %}
+
+{% block title %}Profile - AI Resume Builder{% endblock %}
+
+{% block content %}
+<div class="min-h-screen bg-gray-50">
+    <!-- Header -->
+    <header class="bg-white shadow-sm border-b border-gray-200">
+        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+            <div class="flex justify-between items-center py-4">
+                <div class="flex items-center">
+                    <h1 class="text-2xl font-bold text-gray-900">My Profile</h1>
+                </div>
+                <div class="flex items-center space-x-4">
+                    {% if current_user.is_admin %}
+                    <div class="relative">
+                        <button onclick="toggleDropdown()" class="text-sm text-gray-600 hover:text-gray-800 flex items-center space-x-1">
+                            <span>Welcome, {{ current_user.name }}</span>
+                            <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path>
+                            </svg>
+                        </button>
+                        <div id="adminDropdown" class="hidden absolute right-0 mt-2 w-48 bg-white rounded-md shadow-lg py-1 z-50 border border-gray-200">
+                            <a href="{{ url_for('admin_panel') }}" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100">
+                                <i class="fas fa-shield-alt mr-2"></i>Admin Panel
+                            </a>
+                            <div class="border-t border-gray-100"></div>
+                            <a href="{{ url_for('logout') }}" class="block px-4 py-2 text-sm text-red-600 hover:bg-gray-100">
+                                Logout
+                            </a>
+                        </div>
+                    </div>
+                    {% else %}
+                    <span class="text-sm text-gray-600">Welcome, {{ current_user.name }}</span>
+                    <a href="{{ url_for('logout') }}" class="text-sm text-red-600 hover:text-red-500">
+                        Logout
+                    </a>
+                    {% endif %}
+                </div>
+            </div>
+        </div>
+    </header>
+
+    <!-- Main Content -->
+    <main class="max-w-7xl mx-auto py-6 sm:px-6 lg:px-8">
+        <div class="px-4 py-6 sm:px-0">
+            {% if has_profile %}
+                <!-- Profile Display -->
+                <div class="bg-white rounded-lg shadow p-6 mb-6">
+                    <div class="flex justify-between items-center mb-6">
+                        <h2 class="text-xl font-semibold text-gray-800">Your Professional Profile</h2>
+                        <div class="flex space-x-3">
+                            <button onclick="showResumeOptions()" class="bg-green-600 hover:bg-green-700 text-white font-medium py-2 px-4 rounded-lg transition-colors">
+                                <i class="fas fa-download mr-2"></i>Generate Resume
+                            </button>
+                            <a href="{{ url_for('create_introduction') }}" class="bg-blue-600 hover:bg-blue-700 text-white font-medium py-2 px-4 rounded-lg transition-colors">
+                                <i class="fas fa-edit mr-2"></i>Edit Profile
+                            </a>
+                        </div>
+                    </div>
+
+                    <!-- Display sections based on user's order -->
+                    {% for section_name in section_order %}
+                        {% if section_name == 'introduction' and intro %}
+                            <div class="mb-8">
+                                <div class="text-center mb-6">
+                                    <h3 class="text-2xl font-bold text-gray-900 mb-2">{{ intro.name }}</h3>
+                                    <div class="flex justify-center flex-wrap gap-4 text-sm text-gray-600">
+                                        <span><i class="fas fa-envelope mr-1"></i> {{ intro.email }}</span>
+                                        <span><i class="fas fa-phone mr-1"></i> {{ intro.phone }}</span>
+                                        {% if intro.linkedin %}
+                                            <span><i class="fab fa-linkedin mr-1"></i> LinkedIn</span>
+                                        {% endif %}
+                                        {% if intro.github %}
+                                            <span><i class="fab fa-github mr-1"></i> GitHub</span>
+                                        {% endif %}
+                                        {% if intro.website %}
+                                            <span><i class="fas fa-globe mr-1"></i> Website</span>
+                                        {% endif %}
+                                    </div>
+                                </div>
+                            </div>
+                        {% endif %}
+
+                        {% if section_name == 'profile_summary' and summary %}
+                            <div class="mb-8">
+                                <h4 class="text-lg font-semibold text-gray-800 mb-3">Professional Summary</h4>
+                                <p class="text-gray-700 leading-relaxed">{{ summary.summary }}</p>
+                                {% if summary.ai_generated %}
+                                    <span class="inline-block bg-blue-100 text-blue-800 text-xs px-2 py-1 rounded mt-2">AI Generated</span>
+                                {% endif %}
+                            </div>
+                        {% endif %}
+
+                        {% if section_name == 'work_experience' and work_experiences %}
+                            <div class="mb-8">
+                                <h4 class="text-lg font-semibold text-gray-800 mb-4">Work Experience</h4>
+                                {% for exp in work_experiences %}
+                                    <div class="mb-4 pb-4 border-b border-gray-200 last:border-0">
+                                        <h5 class="font-medium text-gray-900">{{ exp.title }}</h5>
+                                        <p class="text-gray-600 text-sm">{{ exp.organization }}</p>
+                                        <p class="text-gray-500 text-sm mb-2">
+                                            {{ exp.start_month }}/{{ exp.start_year }} - 
+                                            {% if exp.end_year %}{{ exp.end_month }}/{{ exp.end_year }}{% else %}Present{% endif %}
+                                        </p>
+                                        {% if exp.remarks %}
+                                            <p class="text-gray-700 text-sm">{{ exp.remarks }}</p>
+                                        {% endif %}
+                                    </div>
+                                {% endfor %}
+                            </div>
+                        {% endif %}
+
+                        {% if section_name == 'projects' and projects %}
+                            <div class="mb-8">
+                                <h4 class="text-lg font-semibold text-gray-800 mb-4">Projects</h4>
+                                {% for project in projects %}
+                                    <div class="mb-4 pb-4 border-b border-gray-200 last:border-0">
+                                        <h5 class="font-medium text-gray-900">{{ project.title }}</h5>
+                                        {% if project.organization %}
+                                            <p class="text-gray-600 text-sm">{{ project.organization }}</p>
+                                        {% endif %}
+                                        <p class="text-gray-500 text-sm mb-2">
+                                            {{ project.start_month }}/{{ project.start_year }} - 
+                                            {% if project.end_year %}{{ project.end_month }}/{{ project.end_year }}{% else %}Present{% endif %}
+                                        </p>
+                                        {% if project.remarks %}
+                                            <p class="text-gray-700 text-sm">{{ project.remarks }}</p>
+                                        {% endif %}
+                                    </div>
+                                {% endfor %}
+                            </div>
+                        {% endif %}
+
+                        {% if section_name == 'education' and educations %}
+                            <div class="mb-8">
+                                <h4 class="text-lg font-semibold text-gray-800 mb-4">Education</h4>
+                                {% for edu in educations %}
+                                    <div class="mb-4 pb-4 border-b border-gray-200 last:border-0">
+                                        <h5 class="font-medium text-gray-900">{{ edu.title }}</h5>
+                                        <p class="text-gray-600 text-sm">{{ edu.organization }}</p>
+                                        <p class="text-gray-500 text-sm mb-2">
+                                            {{ edu.start_month }}/{{ edu.start_year }} - 
+                                            {% if edu.end_year %}{{ edu.end_month }}/{{ edu.end_year }}{% else %}Present{% endif %}
+                                        </p>
+                                        {% if edu.remarks %}
+                                            <p class="text-gray-700 text-sm">{{ edu.remarks }}</p>
+                                        {% endif %}
+                                    </div>
+                                {% endfor %}
+                            </div>
+                        {% endif %}
+
+                        {% if section_name == 'skills' and skills %}
+                            <div class="mb-8">
+                                <h4 class="text-lg font-semibold text-gray-800 mb-3">Skills</h4>
+                                <div class="flex flex-wrap gap-2">
+                                    {% for skill in skills %}
+                                        <span class="bg-blue-100 text-blue-800 px-3 py-1 rounded-full text-sm">{{ skill.skill }}</span>
+                                    {% endfor %}
+                                </div>
+                            </div>
+                        {% endif %}
+
+                        {% if section_name == 'achievements' and achievements %}
+                            <div class="mb-8">
+                                <h4 class="text-lg font-semibold text-gray-800 mb-3">Achievements</h4>
+                                <div class="flex flex-wrap gap-2">
+                                    {% for achievement in achievements %}
+                                        <span class="bg-green-100 text-green-800 px-3 py-1 rounded-full text-sm">{{ achievement.achievement }}</span>
+                                    {% endfor %}
+                                </div>
+                            </div>
+                        {% endif %}
+                    {% endfor %}
+                </div>
+            {% else %}
+                <!-- Empty State -->
+                <div class="bg-white rounded-lg shadow p-6">
+                    <div class="text-center">
+                        <h2 class="text-xl font-semibold text-gray-800 mb-4">Welcome to AI Resume Builder!</h2>
+                        <p class="text-gray-600 mb-6">
+                            Your profile is currently empty. Click the button below to start creating your professional resume.
+                        </p>
+                        <a href="{{ url_for('create_introduction') }}" class="bg-blue-600 hover:bg-blue-700 text-white font-medium py-2 px-6 rounded-lg transition-colors inline-block">
+                            Create Your Profile
+                        </a>
+                    </div>
+                </div>
+            {% endif %}
+        </div>
+    </main>
+</div>
+
+<!-- Resume Options Modal -->
+<div id="resumeModal" class="fixed inset-0 bg-gray-600 bg-opacity-50 hidden items-center justify-center z-50">
+    <div class="bg-white rounded-lg p-6 m-4 max-w-md w-full">
+        <h3 class="text-lg font-semibold text-gray-900 mb-4">Choose Resume Format</h3>
+        <div class="space-y-3">
+            <button onclick="generateResume('pdf-standard')" class="w-full bg-blue-600 hover:bg-blue-700 text-white font-medium py-2 px-4 rounded-lg transition-colors">
+                <i class="fas fa-file-pdf mr-2"></i>Generate PDF (Standard)
+            </button>
+            <button onclick="generateResume('pdf-modern')" class="w-full bg-purple-600 hover:bg-purple-700 text-white font-medium py-2 px-4 rounded-lg transition-colors">
+                <i class="fas fa-file-pdf mr-2"></i>Generate PDF (Modern)
+            </button>
+            <button onclick="generateResume('word')" class="w-full bg-green-600 hover:bg-green-700 text-white font-medium py-2 px-4 rounded-lg transition-colors">
+                <i class="fas fa-file-word mr-2"></i>Generate Word Document
+            </button>
+        </div>
+        <button onclick="hideResumeOptions()" class="mt-4 w-full bg-gray-300 hover:bg-gray-400 text-gray-800 font-medium py-2 px-4 rounded-lg transition-colors">
+            Cancel
+        </button>
+    </div>
+</div>
+
+<script>
+    function showResumeOptions() {
+        document.getElementById('resumeModal').classList.remove('hidden');
+        document.getElementById('resumeModal').classList.add('flex');
+    }
+
+    function hideResumeOptions() {
+        document.getElementById('resumeModal').classList.add('hidden');
+        document.getElementById('resumeModal').classList.remove('flex');
+    }
+
+    function generateResume(format) {
+        // Show loading state
+        const modal = document.getElementById('resumeModal');
+        const buttons = modal.querySelectorAll('button');
+        buttons.forEach(btn => btn.disabled = true);
+        
+        // Create and show loading message
+        const loadingMsg = document.createElement('div');
+        loadingMsg.className = 'text-center mt-4 text-gray-600';
+        loadingMsg.innerHTML = '<i class="fas fa-spinner fa-spin mr-2"></i>Generating your resume...';
+        modal.querySelector('.bg-white').appendChild(loadingMsg);
+        
+        // Fetch the resume
+        fetch(`/profile/generate-resume/${format}`, {
+            method: 'GET',
+            headers: {
+                'X-Requested-With': 'XMLHttpRequest'
+            }
+        })
+        .then(response => {
+            if (!response.ok) {
+                throw new Error('Failed to generate resume');
+            }
+            return response.blob();
+        })
+        .then(blob => {
+            // Create download link
+            const url = window.URL.createObjectURL(blob);
+            const a = document.createElement('a');
+            a.href = url;
+            
+            // Set filename based on format
+            const username = '{{ current_user.name }}'.replace(/\s+/g, '_');
+            if (format === 'pdf-standard') {
+                a.download = `${username}_resume.pdf`;
+            } else if (format === 'pdf-modern') {
+                a.download = `${username}_resume_modern.pdf`;
+            } else if (format === 'word') {
+                a.download = `${username}_resume.docx`;
+            }
+            
+            document.body.appendChild(a);
+            a.click();
+            window.URL.revokeObjectURL(url);
+            document.body.removeChild(a);
+            
+            hideResumeOptions();
+        })
+        .catch(error => {
+            console.error('Error:', error);
+            alert('Failed to generate resume. Please try again.');
+            hideResumeOptions();
+        })
+        .finally(() => {
+            // Remove loading message and re-enable buttons
+            if (loadingMsg.parentNode) {
+                loadingMsg.parentNode.removeChild(loadingMsg);
+            }
+            buttons.forEach(btn => btn.disabled = false);
+        });
+    }
+
+    // Toggle admin dropdown
+    function toggleDropdown() {
+        const dropdown = document.getElementById('adminDropdown');
+        dropdown.classList.toggle('hidden');
+        
+        // Close dropdown when clicking outside
+        document.addEventListener('click', function closeDropdown(e) {
+            if (!e.target.closest('.relative')) {
+                dropdown.classList.add('hidden');
+                document.removeEventListener('click', closeDropdown);
+            }
+        });
+    }
+</script>
+{% endblock %}

templates/resumes/resume_modern.html

@@ -0,0 +1,329 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>{{ intro.name }} - Resume</title>
+    <style>
+        * {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+        }
+        
+        body {
+            font-family: 'Calibri', Arial, sans-serif;
+            font-size: 11pt;
+            line-height: 1.4;
+            color: #333;
+            max-width: 1000px;
+            margin: 0 auto;
+            padding: 30px;
+            background-color: #fff;
+        }
+        
+        .header {
+            text-align: center;
+            margin-bottom: 30px;
+            padding-bottom: 20px;
+            border-bottom: 3px solid #2c3e50;
+        }
+        
+        .name {
+            font-size: 28pt;
+            font-weight: 300;
+            color: #2c3e50;
+            margin-bottom: 10px;
+            letter-spacing: 2px;
+            text-transform: uppercase;
+        }
+        
+        .contact-info {
+            display: flex;
+            justify-content: center;
+            flex-wrap: wrap;
+            gap: 25px;
+            font-size: 10pt;
+            color: #555;
+        }
+        
+        .contact-info span {
+            display: flex;
+            align-items: center;
+            gap: 6px;
+        }
+        
+        .contact-info i {
+            color: #3498db;
+        }
+        
+        .profile-summary {
+            margin-bottom: 30px;
+            text-align: justify;
+            color: #555;
+            font-style: italic;
+        }
+        
+        .ai-generated {
+            font-size: 9pt;
+            color: #7f8c8d;
+            text-align: right;
+            margin-top: 5px;
+        }
+        
+        .main-content {
+            display: grid;
+            grid-template-columns: 32% 68%;
+            gap: 30px;
+        }
+        
+        .left-column {
+            background-color: #f8f9fa;
+            padding: 25px;
+            border-radius: 8px;
+        }
+        
+        .right-column {
+            padding: 0 10px;
+        }
+        
+        .section {
+            margin-bottom: 30px;
+        }
+        
+        .section-title {
+            font-size: 14pt;
+            font-weight: 600;
+            color: #2c3e50;
+            margin-bottom: 15px;
+            padding-bottom: 8px;
+            border-bottom: 2px solid #3498db;
+            text-transform: uppercase;
+            letter-spacing: 1px;
+        }
+        
+        .skills-list {
+            display: flex;
+            flex-wrap: wrap;
+            gap: 8px;
+        }
+        
+        .skill-tag {
+            background-color: #3498db;
+            color: white;
+            padding: 6px 12px;
+            border-radius: 20px;
+            font-size: 10pt;
+            font-weight: 500;
+        }
+        
+        .achievements-list {
+            display: flex;
+            flex-direction: column;
+            gap: 8px;
+        }
+        
+        .achievement-item {
+            display: flex;
+            align-items: flex-start;
+            gap: 8px;
+            font-size: 10pt;
+        }
+        
+        .achievement-item::before {
+            content: "▸";
+            color: #3498db;
+            font-weight: bold;
+        }
+        
+        .experience-item, .project-item, .education-item {
+            margin-bottom: 20px;
+            padding-bottom: 15px;
+            border-bottom: 1px solid #eee;
+        }
+        
+        .experience-item:last-child, .project-item:last-child, .education-item:last-child {
+            border-bottom: none;
+        }
+        
+        .item-header {
+            display: flex;
+            justify-content: space-between;
+            align-items: baseline;
+            margin-bottom: 8px;
+        }
+        
+        .title {
+            font-weight: 600;
+            font-size: 12pt;
+            color: #2c3e50;
+        }
+        
+        .organization {
+            color: #3498db;
+            font-style: italic;
+            font-size: 11pt;
+            margin-left: 10px;
+        }
+        
+        .date {
+            color: #7f8c8d;
+            font-size: 10pt;
+            font-weight: 500;
+        }
+        
+        .remarks {
+            margin-top: 8px;
+            text-align: justify;
+            color: #555;
+            font-size: 10pt;
+        }
+        
+        @media print {
+            body {
+                padding: 20px;
+            }
+            
+            .main-content {
+                gap: 20px;
+            }
+        }
+    </style>
+</head>
+<body>
+    <!-- Header Section -->
+    <div class="header">
+        <h1 class="name">{{ intro.name }}</h1>
+        <div class="contact-info">
+            <span><i>📧</i> {{ intro.email }}</span>
+            <span><i>📱</i> {{ intro.phone }}</span>
+            {% if intro.linkedin %}
+            <span><i>💼</i> LinkedIn</span>
+            {% endif %}
+            {% if intro.github %}
+            <span><i>💻</i> GitHub</span>
+            {% endif %}
+            {% if intro.website %}
+            <span><i>🌐</i> Website</span>
+            {% endif %}
+        </div>
+    </div>
+
+    <!-- Profile Summary -->
+    {% if summary %}
+    <div class="profile-summary">
+        <p>{{ summary.summary }}</p>
+        {% if summary.ai_generated %}
+        <p class="ai-generated">AI Generated</p>
+        {% endif %}
+    </div>
+    {% endif %}
+
+    <!-- Main Content with Two Columns -->
+    <div class="main-content">
+        <!-- Left Column -->
+        <div class="left-column">
+            <!-- Skills Section -->
+            {% if skills %}
+            <div class="section">
+                <h2 class="section-title">Skills</h2>
+                <div class="skills-list">
+                    {% for skill in skills %}
+                        <span class="skill-tag">{{ skill.skill }}</span>
+                    {% endfor %}
+                </div>
+            </div>
+            {% endif %}
+
+            <!-- Achievements Section -->
+            {% if achievements %}
+            <div class="section">
+                <h2 class="section-title">Achievements</h2>
+                <div class="achievements-list">
+                    {% for achievement in achievements %}
+                        <div class="achievement-item">{{ achievement.achievement }}</div>
+                    {% endfor %}
+                </div>
+            </div>
+            {% endif %}
+        </div>
+
+        <!-- Right Column -->
+        <div class="right-column">
+            <!-- Dynamic Sections -->
+            {% for section_name in section_order %}
+                {% if section_name == 'work_experience' and work_experiences %}
+                    <div class="section">
+                        <h2 class="section-title">Work Experience</h2>
+                        {% for exp in work_experiences %}
+                            <div class="experience-item">
+                                <div class="item-header">
+                                    <div>
+                                        <span class="title">{{ exp.title }}</span>
+                                        <span class="organization">{{ exp.organization }}</span>
+                                    </div>
+                                    <span class="date">
+                                        {{ exp.start_month }}/{{ exp.start_year }} - 
+                                        {% if exp.end_year %}{{ exp.end_month }}/{{ exp.end_year }}{% else %}Present{% endif %}
+                                    </span>
+                                </div>
+                                {% if exp.remarks %}
+                                    <p class="remarks">{{ exp.remarks }}</p>
+                                {% endif %}
+                            </div>
+                        {% endfor %}
+                    </div>
+                {% endif %}
+
+                {% if section_name == 'projects' and projects %}
+                    <div class="section">
+                        <h2 class="section-title">Projects</h2>
+                        {% for project in projects %}
+                            <div class="project-item">
+                                <div class="item-header">
+                                    <div>
+                                        <span class="title">{{ project.title }}</span>
+                                        {% if project.organization %}
+                                        <span class="organization">{{ project.organization }}</span>
+                                        {% endif %}
+                                    </div>
+                                    <span class="date">
+                                        {{ project.start_month }}/{{ project.start_year }} - 
+                                        {% if project.end_year %}{{ project.end_month }}/{{ project.end_year }}{% else %}Present{% endif %}
+                                    </span>
+                                </div>
+                                {% if project.remarks %}
+                                    <p class="remarks">{{ project.remarks }}</p>
+                                {% endif %}
+                            </div>
+                        {% endfor %}
+                    </div>
+                {% endif %}
+
+                {% if section_name == 'education' and educations %}
+                    <div class="section">
+                        <h2 class="section-title">Education</h2>
+                        {% for edu in educations %}
+                            <div class="education-item">
+                                <div class="item-header">
+                                    <div>
+                                        <span class="title">{{ edu.title }}</span>
+                                        <span class="organization">{{ edu.organization }}</span>
+                                    </div>
+                                    <span class="date">
+                                        {{ edu.start_month }}/{{ edu.start_year }} - 
+                                        {% if edu.end_year %}{{ edu.end_month }}/{{ edu.end_year }}{% else %}Present{% endif %}
+                                    </span>
+                                </div>
+                                {% if edu.remarks %}
+                                    <p class="remarks">{{ edu.remarks }}</p>
+                                {% endif %}
+                            </div>
+                        {% endfor %}
+                    </div>
+                {% endif %}
+            {% endfor %}
+        </div>
+    </div>
+</body>
+</html>

templates/resumes/resume_standard.html

@@ -0,0 +1,248 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>{{ intro.name }} - Resume</title>
+    <style>
+        * {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+        }
+        
+        body {
+            font-family: 'Times New Roman', serif;
+            font-size: 12pt;
+            line-height: 1.4;
+            color: #000;
+            max-width: 800px;
+            margin: 0 auto;
+            padding: 20px;
+        }
+        
+        .header {
+            text-align: center;
+            margin-bottom: 30px;
+            border-bottom: 2px solid #333;
+            padding-bottom: 20px;
+        }
+        
+        .name {
+            font-size: 24pt;
+            font-weight: bold;
+            margin-bottom: 10px;
+            text-transform: uppercase;
+            letter-spacing: 1px;
+        }
+        
+        .contact-info {
+            display: flex;
+            justify-content: center;
+            flex-wrap: wrap;
+            gap: 20px;
+            font-size: 11pt;
+        }
+        
+        .contact-info span {
+            display: flex;
+            align-items: center;
+            gap: 5px;
+        }
+        
+        .section {
+            margin-bottom: 25px;
+        }
+        
+        .section-title {
+            font-size: 16pt;
+            font-weight: bold;
+            margin-bottom: 15px;
+            text-transform: uppercase;
+            border-bottom: 1px solid #999;
+            padding-bottom: 5px;
+        }
+        
+        .experience-item, .project-item, .education-item {
+            margin-bottom: 15px;
+        }
+        
+        .item-header {
+            display: flex;
+            justify-content: space-between;
+            align-items: baseline;
+            margin-bottom: 5px;
+        }
+        
+        .title {
+            font-weight: bold;
+            font-size: 13pt;
+        }
+        
+        .organization {
+            font-style: italic;
+            color: #555;
+        }
+        
+        .date {
+            color: #666;
+            font-size: 11pt;
+        }
+        
+        .remarks {
+            margin-top: 5px;
+            text-align: justify;
+        }
+        
+        .skills-list, .achievements-list {
+            display: flex;
+            flex-wrap: wrap;
+            gap: 8px;
+        }
+        
+        .skill-tag, .achievement-tag {
+            background-color: #f0f0f0;
+            padding: 4px 8px;
+            border-radius: 3px;
+            font-size: 11pt;
+        }
+        
+        .profile-summary {
+            text-align: justify;
+            margin-bottom: 10px;
+        }
+        
+        .ai-generated {
+            font-size: 10pt;
+            color: #666;
+            font-style: italic;
+        }
+    </style>
+</head>
+<body>
+    <!-- Header Section -->
+    <div class="header">
+        <h1 class="name">{{ intro.name }}</h1>
+        <div class="contact-info">
+            <span><i>📧</i> {{ intro.email }}</span>
+            <span><i>📱</i> {{ intro.phone }}</span>
+            {% if intro.linkedin %}
+            <span><i>💼</i> LinkedIn</span>
+            {% endif %}
+            {% if intro.github %}
+            <span><i>💻</i> GitHub</span>
+            {% endif %}
+            {% if intro.website %}
+            <span><i>🌐</i> Website</span>
+            {% endif %}
+        </div>
+    </div>
+
+    <!-- Profile Summary -->
+    {% if summary %}
+    <div class="section">
+        <h2 class="section-title">Professional Summary</h2>
+        <p class="profile-summary">{{ summary.summary }}</p>
+        {% if summary.ai_generated %}
+        <p class="ai-generated">AI Generated</p>
+        {% endif %}
+    </div>
+    {% endif %}
+
+    <!-- Dynamic Sections -->
+    {% for section_name in section_order %}
+        {% if section_name == 'work_experience' and work_experiences %}
+            <div class="section">
+                <h2 class="section-title">Work Experience</h2>
+                {% for exp in work_experiences %}
+                    <div class="experience-item">
+                        <div class="item-header">
+                            <div>
+                                <span class="title">{{ exp.title }}</span>
+                                <span class="organization">at {{ exp.organization }}</span>
+                            </div>
+                            <span class="date">
+                                {{ exp.start_month }}/{{ exp.start_year }} - 
+                                {% if exp.end_year %}{{ exp.end_month }}/{{ exp.end_year }}{% else %}Present{% endif %}
+                            </span>
+                        </div>
+                        {% if exp.remarks %}
+                            <p class="remarks">{{ exp.remarks }}</p>
+                        {% endif %}
+                    </div>
+                {% endfor %}
+            </div>
+        {% endif %}
+
+        {% if section_name == 'projects' and projects %}
+            <div class="section">
+                <h2 class="section-title">Projects</h2>
+                {% for project in projects %}
+                    <div class="project-item">
+                        <div class="item-header">
+                            <div>
+                                <span class="title">{{ project.title }}</span>
+                                {% if project.organization %}
+                                <span class="organization">at {{ project.organization }}</span>
+                                {% endif %}
+                            </div>
+                            <span class="date">
+                                {{ project.start_month }}/{{ project.start_year }} - 
+                                {% if project.end_year %}{{ project.end_month }}/{{ project.end_year }}{% else %}Present{% endif %}
+                            </span>
+                        </div>
+                        {% if project.remarks %}
+                            <p class="remarks">{{ project.remarks }}</p>
+                        {% endif %}
+                    </div>
+                {% endfor %}
+            </div>
+        {% endif %}
+
+        {% if section_name == 'education' and educations %}
+            <div class="section">
+                <h2 class="section-title">Education</h2>
+                {% for edu in educations %}
+                    <div class="education-item">
+                        <div class="item-header">
+                            <div>
+                                <span class="title">{{ edu.title }}</span>
+                                <span class="organization">at {{ edu.organization }}</span>
+                            </div>
+                            <span class="date">
+                                {{ edu.start_month }}/{{ edu.start_year }} - 
+                                {% if edu.end_year %}{{ edu.end_month }}/{{ edu.end_year }}{% else %}Present{% endif %}
+                            </span>
+                        </div>
+                        {% if edu.remarks %}
+                            <p class="remarks">{{ edu.remarks }}</p>
+                        {% endif %}
+                    </div>
+                {% endfor %}
+            </div>
+        {% endif %}
+
+        {% if section_name == 'skills' and skills %}
+            <div class="section">
+                <h2 class="section-title">Skills</h2>
+                <div class="skills-list">
+                    {% for skill in skills %}
+                        <span class="skill-tag">{{ skill.skill }}</span>
+                    {% endfor %}
+                </div>
+            </div>
+        {% endif %}
+
+        {% if section_name == 'achievements' and achievements %}
+            <div class="section">
+                <h2 class="section-title">Achievements</h2>
+                <div class="achievements-list">
+                    {% for achievement in achievements %}
+                        <span class="achievement-tag">{{ achievement.achievement }}</span>
+                    {% endfor %}
+                </div>
+            </div>
+        {% endif %}
+    {% endfor %}
+</body>
+</html>

templates/signin.html

@@ -0,0 +1,202 @@
+{% extends "base.html" %}
+
+{% block title %}Sign In - AI Resume Builder{% endblock %}
+
+{% block content %}
+<div class="min-h-screen flex bg-gray-50">
+    <!-- Left side - Image Carousel -->
+    <div class="w-1/2 hidden lg:block relative overflow-hidden">
+        <!-- Carousel Images -->
+        <div class="relative h-full">
+            <div id="carousel-images" class="relative h-full">
+                <!-- Images will be dynamically inserted here -->
+            </div>
+        </div>
+
+        <!-- Carousel Content Overlay -->
+        <div class="absolute inset-0 flex flex-col justify-center items-center text-white p-8 text-center">
+            <div class="max-w-lg">
+                <h1 class="text-5xl font-bold mb-6 drop-shadow-lg">
+                    AI Resume Builder
+                </h1>
+                <p class="text-xl mb-8 drop-shadow-md">
+                    Create professional resumes with the power of AI. Stand out from the crowd with intelligent, tailored resumes.
+                </p>
+                <div class="flex justify-center space-x-8 mb-8">
+                    <div class="text-center">
+                        <div class="text-3xl font-bold mb-2">10K+</div>
+                        <div class="text-sm opacity-90">Resumes Created</div>
+                    </div>
+                    <div class="text-center">
+                        <div class="text-3xl font-bold mb-2">95%</div>
+                        <div class="text-sm opacity-90">Success Rate</div>
+                    </div>
+                    <div class="text-center">
+                        <div class="text-3xl font-bold mb-2">4.8★</div>
+                        <div class="text-sm opacity-90">User Rating</div>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <!-- Carousel Indicators -->
+        <div id="carousel-indicators" class="absolute bottom-8 left-1/2 transform -translate-x-1/2 flex space-x-2">
+            <!-- Indicators will be dynamically inserted here -->
+        </div>
+    </div>
+
+    <!-- Right side - Sign In Form -->
+    <div class="w-full lg:w-1/2 flex items-center justify-center p-8">
+        <div class="max-w-md w-full space-y-8">
+            <div class="text-center">
+                <h2 class="text-2xl font-semibold text-gray-800 mb-6">
+                    Sign in to your account
+                </h2>
+            </div>
+
+            <form method="POST" action="{{ url_for('signin') }}" class="mt-8 space-y-6">
+                
+                <div class="space-y-4">
+                    <div>
+                        <label for="email" class="block text-sm font-medium text-gray-700 mb-2">
+                            Email address
+                        </label>
+                        <input
+                            id="email"
+                            name="email"
+                            type="email"
+                            autocomplete="email"
+                            required
+                            class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 transition-colors"
+                            placeholder="Enter your email"
+                            value="{{ request.form.email or '' }}"
+                        />
+                    </div>
+
+                    <div>
+                        <label for="password" class="block text-sm font-medium text-gray-700 mb-2">
+                            Password
+                        </label>
+                        <input
+                            id="password"
+                            name="password"
+                            type="password"
+                            autocomplete="current-password"
+                            required
+                            class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 transition-colors"
+                            placeholder="Enter your password"
+                        />
+                    </div>
+                </div>
+
+                <div class="flex items-center justify-between">
+                    <div class="text-sm">
+                        <a href="{{ url_for('forgot_password') }}" class="font-medium text-blue-600 hover:text-blue-500">
+                            Forgot your password?
+                        </a>
+                    </div>
+                </div>
+
+                <div>
+                    <button
+                        type="submit"
+                        class="w-full flex justify-center py-3 px-4 border border-transparent rounded-lg shadow-sm text-sm font-medium text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 transition-colors"
+                    >
+                        Sign in
+                    </button>
+                </div>
+
+                <div class="text-center">
+                    <a
+                        href="{{ url_for('github_auth') }}"
+                        class="w-full flex items-center justify-center py-3 px-4 border border-gray-300 rounded-lg shadow-sm text-sm font-medium text-gray-700 bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 transition-colors inline-block"
+                    >
+                        <svg class="w-4 h-4 mr-2" viewBox="0 0 24 24" fill="currentColor">
+                            <path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"/>
+                        </svg>
+                        Sign in with GitHub
+                    </a>
+                </div>
+
+                <div class="text-center">
+                    <p class="text-sm text-gray-600">
+                        Don't have an account? 
+                        <a href="{{ url_for('signup') }}" class="font-medium text-blue-600 hover:text-blue-500">
+                            Sign up
+                        </a>
+                    </p>
+                </div>
+            </form>
+        </div>
+    </div>
+</div>
+{% endblock %}
+
+{% block scripts %}
+<script>
+    // Carousel functionality
+    const carouselImages = [
+        'https://picsum.photos/seed/resume-builder-1/1200/800.jpg',
+        'https://picsum.photos/seed/resume-builder-2/1200/800.jpg',
+        'https://picsum.photos/seed/resume-builder-3/1200/800.jpg',
+        'https://picsum.photos/seed/resume-builder-4/1200/800.jpg',
+    ];
+
+    let currentImageIndex = 0;
+
+    // Initialize carousel
+    function initCarousel() {
+        const imagesContainer = document.getElementById('carousel-images');
+        const indicatorsContainer = document.getElementById('carousel-indicators');
+
+        // Create image elements
+        carouselImages.forEach((image, index) => {
+            const imageDiv = document.createElement('div');
+            imageDiv.className = `absolute inset-0 carousel-image ${index === 0 ? 'opacity-100' : 'opacity-0'}`;
+            imageDiv.innerHTML = `
+                <img src="${image}" alt="Resume Builder ${index + 1}" class="w-full h-full object-cover">
+                <div class="absolute inset-0 bg-black bg-opacity-40"></div>
+            `;
+            imagesContainer.appendChild(imageDiv);
+        });
+
+        // Create indicator elements
+        carouselImages.forEach((_, index) => {
+            const indicator = document.createElement('button');
+            indicator.className = `w-3 h-3 rounded-full transition-all duration-300 ${
+                index === 0 ? 'bg-white w-8' : 'bg-white bg-opacity-50 hover:bg-opacity-75'
+            }`;
+            indicator.onclick = () => showImage(index);
+            indicatorsContainer.appendChild(indicator);
+        });
+
+        // Auto-rotate carousel
+        setInterval(() => {
+            currentImageIndex = (currentImageIndex + 1) % carouselImages.length;
+            showImage(currentImageIndex);
+        }, 5000);
+    }
+
+    // Show specific image
+    function showImage(index) {
+        const images = document.querySelectorAll('.carousel-image');
+        const indicators = document.querySelectorAll('#carousel-indicators button');
+
+        images.forEach((img, i) => {
+            img.className = `absolute inset-0 carousel-image ${i === index ? 'opacity-100' : 'opacity-0'}`;
+        });
+
+        indicators.forEach((indicator, i) => {
+            indicator.className = `w-3 h-3 rounded-full transition-all duration-300 ${
+                i === index ? 'bg-white w-8' : 'bg-white bg-opacity-50 hover:bg-opacity-75'
+            }`;
+        });
+
+        currentImageIndex = index;
+    }
+
+    
+    // Initialize carousel when page loads
+    document.addEventListener('DOMContentLoaded', initCarousel);
+</script>
+{% endblock %}

templates/signup.html

@@ -0,0 +1,235 @@
+{% extends "base.html" %}
+
+{% block title %}Sign Up - AI Resume Builder{% endblock %}
+
+{% block content %}
+<div class="min-h-screen flex bg-gray-50">
+    <!-- Left side - Image Carousel -->
+    <div class="w-1/2 hidden lg:block relative overflow-hidden">
+        <!-- Carousel Images -->
+        <div class="relative h-full">
+            <div id="carousel-images" class="relative h-full">
+                <!-- Images will be dynamically inserted here -->
+            </div>
+        </div>
+
+        <!-- Carousel Content Overlay -->
+        <div class="absolute inset-0 flex flex-col justify-center items-center text-white p-8 text-center">
+            <div class="max-w-lg">
+                <h1 class="text-5xl font-bold mb-6 drop-shadow-lg">
+                    Join AI Resume Builder
+                </h1>
+                <p class="text-xl mb-8 drop-shadow-md">
+                    Start creating professional resumes in minutes. Join thousands of professionals who've transformed their careers.
+                </p>
+                <div class="flex justify-center space-x-8 mb-8">
+                    <div class="text-center">
+                        <div class="text-3xl font-bold mb-2">Free</div>
+                        <div class="text-sm opacity-90">Get Started</div>
+                    </div>
+                    <div class="text-center">
+                        <div class="text-3xl font-bold mb-2">2 Min</div>
+                        <div class="text-sm opacity-90">Setup Time</div>
+                    </div>
+                    <div class="text-center">
+                        <div class="text-3xl font-bold mb-2">AI</div>
+                        <div class="text-sm opacity-90">Powered</div>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <!-- Carousel Indicators -->
+        <div id="carousel-indicators" class="absolute bottom-8 left-1/2 transform -translate-x-1/2 flex space-x-2">
+            <!-- Indicators will be dynamically inserted here -->
+        </div>
+    </div>
+
+    <!-- Right side - Sign Up Form -->
+    <div class="w-full lg:w-1/2 flex items-center justify-center p-8">
+        <div class="max-w-md w-full space-y-8">
+            <div class="text-center">
+                <h2 class="text-2xl font-semibold text-gray-800 mb-6">
+                    Create your account
+                </h2>
+                <p class="text-gray-600">
+                    Join thousands of professionals building amazing resumes with AI
+                </p>
+            </div>
+
+            <form method="POST" action="{{ url_for('signup') }}" class="mt-8 space-y-6">
+                
+                <div class="space-y-4">
+                    <div>
+                        <label for="name" class="block text-sm font-medium text-gray-700 mb-2">
+                            Full Name *
+                        </label>
+                        <input
+                            id="name"
+                            name="name"
+                            type="text"
+                            autocomplete="name"
+                            required
+                            class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 transition-colors"
+                            placeholder="Enter your full name"
+                            value="{{ request.form.name or '' }}"
+                        />
+                    </div>
+
+                    <div>
+                        <label for="email" class="block text-sm font-medium text-gray-700 mb-2">
+                            Email Address *
+                        </label>
+                        <input
+                            id="email"
+                            name="email"
+                            type="email"
+                            autocomplete="email"
+                            required
+                            class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 transition-colors"
+                            placeholder="Enter your email"
+                            value="{{ request.form.email or '' }}"
+                        />
+                    </div>
+
+                    <div>
+                        <label for="password" class="block text-sm font-medium text-gray-700 mb-2">
+                            Password *
+                        </label>
+                        <input
+                            id="password"
+                            name="password"
+                            type="password"
+                            autocomplete="new-password"
+                            required
+                            class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 transition-colors"
+                            placeholder="Create a password"
+                        />
+                        <p class="mt-1 text-xs text-gray-500">
+                            Must be at least 8 characters long
+                        </p>
+                    </div>
+
+                    <div>
+                        <label for="password_confirm" class="block text-sm font-medium text-gray-700 mb-2">
+                            Confirm Password *
+                        </label>
+                        <input
+                            id="password_confirm"
+                            name="password_confirm"
+                            type="password"
+                            autocomplete="new-password"
+                            required
+                            class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 transition-colors"
+                            placeholder="Confirm your password"
+                        />
+                    </div>
+                </div>
+
+                <div>
+                    <button
+                        type="submit"
+                        class="w-full flex justify-center py-3 px-4 border border-transparent rounded-lg shadow-sm text-sm font-medium text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 transition-colors"
+                    >
+                        Create account
+                    </button>
+                </div>
+
+                <div class="text-center">
+                    <a
+                        href="{{ url_for('github_auth') }}"
+                        class="w-full flex items-center justify-center py-3 px-4 border border-gray-300 rounded-lg shadow-sm text-sm font-medium text-gray-700 bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 transition-colors inline-block"
+                    >
+                        <svg class="w-4 h-4 mr-2" viewBox="0 0 24 24" fill="currentColor">
+                            <path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"/>
+                        </svg>
+                        Sign up with GitHub
+                    </a>
+                </div>
+
+                <div class="text-center">
+                    <p class="text-sm text-gray-600">
+                        Already have an account? 
+                        <a href="{{ url_for('signin') }}" class="font-medium text-blue-600 hover:text-blue-500">
+                            Sign in
+                        </a>
+                    </p>
+                </div>
+            </form>
+        </div>
+    </div>
+</div>
+{% endblock %}
+
+{% block scripts %}
+<script>
+    // Carousel functionality
+    const carouselImages = [
+        'https://picsum.photos/seed/resume-builder-1/1200/800.jpg',
+        'https://picsum.photos/seed/resume-builder-2/1200/800.jpg',
+        'https://picsum.photos/seed/resume-builder-3/1200/800.jpg',
+        'https://picsum.photos/seed/resume-builder-4/1200/800.jpg',
+    ];
+
+    let currentImageIndex = 0;
+
+    // Initialize carousel
+    function initCarousel() {
+        const imagesContainer = document.getElementById('carousel-images');
+        const indicatorsContainer = document.getElementById('carousel-indicators');
+
+        // Create image elements
+        carouselImages.forEach((image, index) => {
+            const imageDiv = document.createElement('div');
+            imageDiv.className = `absolute inset-0 carousel-image ${index === 0 ? 'opacity-100' : 'opacity-0'}`;
+            imageDiv.innerHTML = `
+                <img src="${image}" alt="Resume Builder ${index + 1}" class="w-full h-full object-cover">
+                <div class="absolute inset-0 bg-black bg-opacity-40"></div>
+            `;
+            imagesContainer.appendChild(imageDiv);
+        });
+
+        // Create indicator elements
+        carouselImages.forEach((_, index) => {
+            const indicator = document.createElement('button');
+            indicator.className = `w-3 h-3 rounded-full transition-all duration-300 ${
+                index === 0 ? 'bg-white w-8' : 'bg-white bg-opacity-50 hover:bg-opacity-75'
+            }`;
+            indicator.onclick = () => showImage(index);
+            indicatorsContainer.appendChild(indicator);
+        });
+
+        // Auto-rotate carousel
+        setInterval(() => {
+            currentImageIndex = (currentImageIndex + 1) % carouselImages.length;
+            showImage(currentImageIndex);
+        }, 5000);
+    }
+
+    // Show specific image
+    function showImage(index) {
+        const images = document.querySelectorAll('.carousel-image');
+        const indicators = document.querySelectorAll('#carousel-indicators button');
+
+        images.forEach((img, i) => {
+            img.className = `absolute inset-0 carousel-image ${i === index ? 'opacity-100' : 'opacity-0'}`;
+        });
+
+        indicators.forEach((indicator, i) => {
+            indicator.className = `w-3 h-3 rounded-full transition-all duration-300 ${
+                i === index ? 'bg-white w-8' : 'bg-white bg-opacity-50 hover:bg-opacity-75'
+            }`;
+        });
+
+        currentImageIndex = index;
+    }
+
+    // GitHub signup (placeholder for now)
+    function handleGitHubSignup() {
+        alert('GitHub OAuth will be implemented in the future. Please use email/password for now.');
+    }
+
+    // Initialize carousel when page loads
+    document.addEventListener('DOMContentLoaded', initCarousel);
+</script>
+{% endblock %}

test_api.py

@@ -0,0 +1,41 @@
+#!/usr/bin/env python3
+"""
+Test the PDF generation API endpoints.
+"""
+
+import requests
+import json
+import os
+
+# Test the application endpoints
+BASE_URL = "http://127.0.0.1:5000"
+
+def test_api_endpoints():
+    """Test the PDF generation endpoints."""
+    
+    # First, check if the app is running
+    try:
+        response = requests.get(f"{BASE_URL}/")
+        if response.status_code == 200:
+            print("✓ Flask app is running")
+        else:
+            print("✗ Flask app is not responding properly")
+            return
+    except:
+        print("✗ Flask app is not running. Please start it with 'python app.py'")
+        return
+    
+    # Test data - you'll need to be logged in first
+    print("\nTo test the PDF generation endpoints:")
+    print("1. Go to http://127.0.0.1:5000 and sign up/login")
+    print("2. Create a profile with some data")
+    print("3. Try generating PDF resumes from the profile page")
+    
+    # The actual endpoints that will be called:
+    print("\nPDF generation endpoints:")
+    print("- POST /profile/generate-pdf/standard")
+    print("- POST /profile/generate-pdf/modern")
+    print("- POST /profile/generate-word")
+
+if __name__ == "__main__":
+    test_api_endpoints()

test_mock_models.py

@@ -0,0 +1,178 @@
+#!/usr/bin/env python3
+"""
+Test PDF generation with actual model structure.
+"""
+
+from datetime import datetime
+import uuid
+from pdf_generator import create_pdf_resume
+from utils import log_info, log_error
+
+# Test with mock objects that mimic the model structure
+class MockWorkExperience:
+    def __init__(self, title, organization, start_month, start_year, end_month=None, end_year=None, remarks=""):
+        self.title = title
+        self.organization = organization
+        self.start_month = start_month
+        self.start_year = start_year
+        self.end_month = end_month
+        self.end_year = end_year
+        self.remarks = remarks
+
+class MockProject:
+    def __init__(self, title, organization, start_month, start_year, end_month=None, end_year=None, remarks=""):
+        self.title = title
+        self.organization = organization
+        self.start_month = start_month
+        self.start_year = start_year
+        self.end_month = end_month
+        self.end_year = end_year
+        self.remarks = remarks
+
+class MockEducation:
+    def __init__(self, title, organization, start_month, start_year, end_month=None, end_year=None, remarks=""):
+        self.title = title
+        self.organization = organization
+        self.start_month = start_month
+        self.start_year = start_year
+        self.end_month = end_month
+        self.end_year = end_year
+        self.remarks = remarks
+
+class MockSkill:
+    def __init__(self, skill):
+        self.skill = skill
+
+class MockAchievement:
+    def __init__(self, achievement):
+        self.achievement = achievement
+
+def test_with_mock_models():
+    """Test PDF generation with mock model objects."""
+    log_info("Testing PDF generation with mock model structure...")
+    
+    # Create mock data
+    work_experiences = [
+        MockWorkExperience("Software Engineer", "Tech Corp", 1, 2022, None, None, "Developing web applications"),
+        MockWorkExperience("Junior Developer", "StartupXYZ", 6, 2020, 12, 2021, "Built mobile apps")
+    ]
+    
+    projects = [
+        MockProject("E-commerce Platform", "Personal", 3, 2023, 5, 2023, "Full-stack development")
+    ]
+    
+    educations = [
+        MockEducation("BS Computer Science", "University", 9, 2016, 5, 2020, "Graduated with honors")
+    ]
+    
+    skills = [
+        MockSkill("Python"),
+        MockSkill("JavaScript"),
+        MockSkill("React"),
+        MockSkill("Node.js")
+    ]
+    
+    achievements = [
+        MockAchievement("Employee of the Year 2023"),
+        MockAchievement("Best Project Award")
+    ]
+    
+    # Test data conversion (same as in app.py)
+    import calendar
+    
+    def format_date(month, year):
+        """Format month and year as 'Month Year'"""
+        if month and year:
+            try:
+                month_name = calendar.month_name[int(month)]
+                return f"{month_name[:3]} {year}"
+            except:
+                return f"{month}/{year}"
+        return ""
+    
+    # Prepare data for PDF generation
+    work_exp_list = []
+    for exp in work_experiences:
+        start_date = format_date(exp.start_month, exp.start_year)
+        end_date = "Present" if not exp.end_month or not exp.end_year else format_date(exp.end_month, exp.end_year)
+        
+        work_exp_list.append({
+            'title': exp.title,
+            'organization': exp.organization,
+            'start_date': start_date,
+            'end_date': end_date,
+            'remarks': exp.remarks or ''
+        })
+    
+    projects_list = []
+    for proj in projects:
+        start_date = format_date(proj.start_month, proj.start_year)
+        end_date = "Present" if not proj.end_month or not proj.end_year else format_date(proj.end_month, proj.end_year)
+        
+        projects_list.append({
+            'title': proj.title,
+            'organization': proj.organization,
+            'start_date': start_date,
+            'end_date': end_date,
+            'remarks': proj.remarks or ''
+        })
+    
+    education_list = []
+    for edu in educations:
+        start_date = format_date(edu.start_month, edu.start_year)
+        end_date = "Present" if not edu.end_month or not edu.end_year else format_date(edu.end_month, edu.end_year)
+        
+        education_list.append({
+            'title': edu.title,
+            'organization': edu.organization,
+            'start_date': start_date,
+            'end_date': end_date,
+            'remarks': edu.remarks or ''
+        })
+    
+    # Convert skills and achievements to comma-separated strings
+    skills_text = ', '.join([skill.skill for skill in skills]) if skills else ''
+    achievements_text = ', '.join([achievement.achievement for achievement in achievements]) if achievements else ''
+    
+    # Create data dictionary
+    data = {
+        'name': 'John Doe',
+        'email': 'john@example.com',
+        'phone': '+1 (555) 123-4567',
+        'linkedin': 'johndoe',
+        'github': 'johndoe',
+        'website': 'https://johndoe.com',
+        'summary': 'Experienced software developer with expertise in full-stack development.',
+        'work_experience': work_exp_list,
+        'projects': projects_list,
+        'education': education_list,
+        'skills': skills_text,
+        'achievements': achievements_text,
+        'sections_order': ['work_experience', 'projects', 'education', 'skills', 'achievements']
+    }
+    
+    # Test PDF generation
+    try:
+        log_info("Generating standard PDF...")
+        pdf_bytes = create_pdf_resume(data, "standard")
+        if pdf_bytes:
+            with open('test_mock_standard.pdf', 'wb') as f:
+                f.write(pdf_bytes)
+            log_info("✓ Standard PDF generated successfully: test_mock_standard.pdf")
+        else:
+            log_info("✗ Failed to generate standard PDF")
+        
+        log_info("Generating modern PDF...")
+        pdf_bytes = create_pdf_resume(data, "modern")
+        if pdf_bytes:
+            with open('test_mock_modern.pdf', 'wb') as f:
+                f.write(pdf_bytes)
+            log_info("✓ Modern PDF generated successfully: test_mock_modern.pdf")
+        else:
+            log_info("✗ Failed to generate modern PDF")
+            
+    except Exception as e:
+        log_error(f"Test failed: {str(e)}", e)
+
+if __name__ == "__main__":
+    test_with_mock_models()

test_pdf_generation.py

@@ -0,0 +1,88 @@
+#!/usr/bin/env python3
+"""
+Test script for PDF generation using xhtml2pdf.
+"""
+
+from pdf_generator import create_pdf_resume
+from utils import log_info
+
+# Test data
+test_data = {
+    'name': 'John Doe',
+    'email': 'john.doe@example.com',
+    'phone': '+1 (555) 123-4567',
+    'linkedin': 'johndoe',
+    'github': 'johndoe',
+    'website': 'https://johndoe.com',
+    'summary': 'Experienced software developer with 5+ years of expertise in full-stack development, cloud technologies, and team leadership. Passionate about building scalable solutions and mentoring junior developers.',
+    'work_experience': [
+        {
+            'title': 'Senior Software Engineer',
+            'organization': 'Tech Corp',
+            'start_date': 'Jan 2022',
+            'end_date': 'Present',
+            'remarks': 'Leading development of microservices architecture serving 1M+ users. Mentoring team of 5 developers.'
+        },
+        {
+            'title': 'Software Developer',
+            'organization': 'StartupXYZ',
+            'start_date': 'Jun 2020',
+            'end_date': 'Dec 2021',
+            'remarks': 'Developed RESTful APIs and implemented CI/CD pipelines. Reduced deployment time by 60%.'
+        }
+    ],
+    'projects': [
+        {
+            'title': 'E-commerce Platform',
+            'organization': 'Personal Project',
+            'start_date': 'Mar 2023',
+            'end_date': 'May 2023',
+            'remarks': 'Built full-stack e-commerce platform using React, Node.js, and PostgreSQL. Implemented payment processing and inventory management.'
+        }
+    ],
+    'education': [
+        {
+            'title': 'Bachelor of Science in Computer Science',
+            'organization': 'University of Technology',
+            'start_date': 'Sep 2016',
+            'end_date': 'May 2020',
+            'remarks': 'Graduated Magna Cum Laude. President of Computer Science Club.'
+        }
+    ],
+    'skills': 'Python, JavaScript, React, Node.js, PostgreSQL, MongoDB, AWS, Docker, Kubernetes, Git, CI/CD',
+    'achievements': 'Employee of the Year 2023, Best Project Award at University Hackathon 2019',
+    'sections_order': ['work_experience', 'projects', 'education', 'skills', 'achievements']
+}
+
+def test_pdf_generation():
+    """Test PDF generation for both templates."""
+    try:
+        log_info("Testing PDF generation...")
+        
+        # Test standard template
+        log_info("Generating standard template PDF...")
+        pdf_bytes_standard = create_pdf_resume(test_data, "standard")
+        
+        if pdf_bytes_standard:
+            with open('test_resume_standard.pdf', 'wb') as f:
+                f.write(pdf_bytes_standard)
+            log_info("Standard PDF generated successfully: test_resume_standard.pdf")
+        else:
+            log_info("Failed to generate standard PDF")
+        
+        # Test modern template
+        log_info("Generating modern template PDF...")
+        pdf_bytes_modern = create_pdf_resume(test_data, "modern")
+        
+        if pdf_bytes_modern:
+            with open('test_resume_modern.pdf', 'wb') as f:
+                f.write(pdf_bytes_modern)
+            log_info("Modern PDF generated successfully: test_resume_modern.pdf")
+        else:
+            log_info("Failed to generate modern PDF")
+            
+    except Exception as e:
+        log_error(f"Test failed: {str(e)}", e)
+
+if __name__ == "__main__":
+    test_pdf_generation()

test_user_data.py

@@ -0,0 +1,144 @@
+#!/usr/bin/env python3
+"""
+Test PDF generation with actual user data.
+"""
+
+from models import db, User, Introduction, ProfileSummary, WorkExperience, Project, Education, Skill, Achievement, ProfileSectionOrder
+from app import app
+from pdf_generator import create_pdf_resume
+import calendar
+
+def test_with_actual_data():
+    """Test PDF generation with actual user data."""
+    
+    with app.app_context():
+        # Get user with profile
+        user = User.query.filter_by(email='test1@example.com').first()
+        if not user:
+            print("User test1@example.com not found")
+            return
+        
+        print(f"Testing PDF generation for user: {user.email}")
+        
+        # Get profile data
+        intro = Introduction.query.filter_by(user_id=user.id).first()
+        summary = ProfileSummary.query.filter_by(user_id=user.id).first()
+        work_experiences = WorkExperience.query.filter_by(user_id=user.id).order_by(WorkExperience.order).all()
+        projects = Project.query.filter_by(user_id=user.id).order_by(Project.order).all()
+        educations = Education.query.filter_by(user_id=user.id).order_by(Education.order).all()
+        skills = Skill.query.filter_by(user_id=user.id).order_by(Skill.order).all()
+        achievements = Achievement.query.filter_by(user_id=user.id).order_by(Achievement.order).all()
+        
+        # Get section order
+        section_order_obj = ProfileSectionOrder.query.filter_by(user_id=user.id).first()
+        section_order = section_order_obj.section_order if section_order_obj else [
+            'introduction', 'profile_summary', 'work_experience', 
+            'projects', 'education', 'skills', 'achievements'
+        ]
+        
+        def format_date(month, year):
+            """Format month and year as 'Month Year'"""
+            if month and year:
+                try:
+                    month_name = calendar.month_name[int(month)]
+                    return f"{month_name[:3]} {year}"
+                except:
+                    return f"{month}/{year}"
+            return ""
+        
+        # Prepare data for PDF generation
+        work_exp_list = []
+        for exp in work_experiences:
+            start_date = format_date(exp.start_month, exp.start_year)
+            end_date = "Present" if not exp.end_month or not exp.end_year else format_date(exp.end_month, exp.end_year)
+            
+            work_exp_list.append({
+                'title': exp.title,
+                'organization': exp.organization,
+                'start_date': start_date,
+                'end_date': end_date,
+                'remarks': exp.remarks or ''
+            })
+        
+        projects_list = []
+        for proj in projects:
+            start_date = format_date(proj.start_month, proj.start_year)
+            end_date = "Present" if not proj.end_month or not proj.end_year else format_date(proj.end_month, proj.end_year)
+            
+            projects_list.append({
+                'title': proj.title,
+                'organization': proj.organization,
+                'start_date': start_date,
+                'end_date': end_date,
+                'remarks': proj.remarks or ''
+            })
+        
+        education_list = []
+        for edu in educations:
+            start_date = format_date(edu.start_month, edu.start_year)
+            end_date = "Present" if not edu.end_month or not edu.end_year else format_date(edu.end_month, edu.end_year)
+            
+            education_list.append({
+                'title': edu.title,
+                'organization': edu.organization,
+                'start_date': start_date,
+                'end_date': end_date,
+                'remarks': edu.remarks or ''
+            })
+        
+        # Convert skills and achievements to comma-separated strings
+        skills_text = ', '.join([skill.skill for skill in skills]) if skills else ''
+        achievements_text = ', '.join([achievement.achievement for achievement in achievements]) if achievements else ''
+        
+        # Create data dictionary
+        data = {
+            'name': intro.name,
+            'email': intro.email,
+            'phone': intro.phone,
+            'linkedin': intro.linkedin,
+            'github': intro.github,
+            'website': intro.website,
+            'summary': summary.summary if summary else '',
+            'work_experience': work_exp_list,
+            'projects': projects_list,
+            'education': education_list,
+            'skills': skills_text,
+            'achievements': achievements_text,
+            'sections_order': section_order
+        }
+        
+        print("Data prepared:")
+        print(f"  Name: {data['name']}")
+        print(f"  Work experiences: {len(work_exp_list)}")
+        print(f"  Projects: {len(projects_list)}")
+        print(f"  Education: {len(education_list)}")
+        print(f"  Skills: {skills_text}")
+        print(f"  Achievements: {achievements_text}")
+        
+        # Test PDF generation
+        try:
+            print("\nGenerating standard PDF...")
+            pdf_bytes = create_pdf_resume(data, "standard")
+            if pdf_bytes:
+                with open('test_user_standard.pdf', 'wb') as f:
+                    f.write(pdf_bytes)
+                print("SUCCESS: Standard PDF generated successfully: test_user_standard.pdf")
+            else:
+                print("✗ Failed to generate standard PDF")
+            
+            print("\nGenerating modern PDF...")
+            pdf_bytes = create_pdf_resume(data, "modern")
+            if pdf_bytes:
+                with open('test_user_modern.pdf', 'wb') as f:
+                    f.write(pdf_bytes)
+                print("SUCCESS: Modern PDF generated successfully: test_user_modern.pdf")
+            else:
+                print("FAILED: Failed to generate modern PDF")
+                
+        except Exception as e:
+            print(f"Error: {str(e)}")
+            import traceback
+            traceback.print_exc()
+
+if __name__ == "__main__":
+    test_with_actual_data()

test_weasyprint.py.old

@@ -0,0 +1,47 @@
+#!/usr/bin/env python3
+import sys
+import os
+sys.path.append(os.path.dirname(os.path.abspath(__file__)))
+
+from app import app
+
+def test_weasyprint():
+    with app.app_context():
+        try:
+            import weasyprint
+            from io import BytesIO
+            
+            # Simple HTML test
+            html_content = """
+            <!DOCTYPE html>
+            <html>
+            <head>
+                <style>
+                    body { font-family: Arial; padding: 20px; }
+                    h1 { color: #333; }
+                </style>
+            </head>
+            <body>
+                <h1>Test PDF Generation</h1>
+                <p>This is a test of WeasyPrint PDF generation.</p>
+            </body>
+            </html>
+            """
+            
+            # Generate PDF
+            pdf_bytes = weasyprint.HTML(string=html_content).write_pdf()
+            
+            # Save test file
+            with open('test_weasyprint.pdf', 'wb') as f:
+                f.write(pdf_bytes)
+            
+            print("WeasyPrint test successful!")
+            print(f"Generated PDF with {len(pdf_bytes)} bytes")
+            return True
+            
+        except Exception as e:
+            print(f"WeasyPrint test failed: {e}")
+            return False
+
+if __name__ == "__main__":
+    test_weasyprint()

utils.py

@@ -0,0 +1,47 @@
+"""
+Utility functions for the application.
+"""
+
+import logging
+import traceback
+from datetime import datetime
+
+# Configure logging
+logging.basicConfig(
+    level=logging.INFO,
+    format='%(asctime)s - %(name)s - %(levelname)s - %(message)s',
+    handlers=[
+        logging.FileHandler('app.log'),
+        logging.StreamHandler()
+    ]
+)
+
+logger = logging.getLogger(__name__)
+
+
+def log_error(message, exception=None):
+    """Log error message with optional exception details."""
+    if exception:
+        logger.error(f"{message}: {str(exception)}")
+        logger.error(traceback.format_exc())
+    else:
+        logger.error(message)
+
+
+def log_info(message):
+    """Log info message."""
+    logger.info(message)
+
+
+def get_timestamp():
+    """Get current timestamp as string."""
+    return datetime.now().strftime("%Y-%m-%d %H:%M:%S")
+
+
+def sanitize_filename(filename):
+    """Sanitize filename for safe file operations."""
+    # Remove or replace unsafe characters
+    unsafe_chars = ['<', '>', ':', '"', '/', '\\', '|', '?', '*']
+    for char in unsafe_chars:
+        filename = filename.replace(char, '_')
+    return filename.strip()