updated

app.py

@@ -41,6 +41,24 @@ app = Flask(
 
 app.config['SECRET_KEY'] = 'your-secret-key'
 
+# -----------------------------------------------------------------------------
+# Cookie configuration for Hugging Face Spaces
+#
+# When running this app inside an iframe (as is typical on Hugging Face Spaces),
+# browsers will drop cookies that have the default SameSite policy of ``Lax``.
+# This prevents the Flask session cookie from being stored and means that
+# ``login_user()`` will appear to have no effect – the user will be redirected
+# back to the home page but remain anonymous. By explicitly setting the
+# SameSite policy to ``None`` and enabling the ``Secure`` flag, we allow the
+# session and remember cookies to be sent even when the app is embedded in an
+# iframe. Without these settings the sign‑up and login flows work locally
+# but silently fail in Spaces, causing the "redirect to home page without
+# anything" behaviour reported by users.
+app.config['SESSION_COOKIE_SAMESITE'] = 'None'
+app.config['SESSION_COOKIE_SECURE'] = True
+app.config['REMEMBER_COOKIE_SAMESITE'] = 'None'
+app.config['REMEMBER_COOKIE_SECURE'] = True
+
 # Configure the database connection
 # Use /tmp directory for database in Hugging Face Spaces
 # Note: Data will be lost when the space restarts

backend/models/database.py

@@ -21,6 +21,21 @@ class Job(db.Model):
     recruiter_id = db.Column(db.Integer, db.ForeignKey('users.id'), nullable=True)
     recruiter = db.relationship('User', backref='posted_jobs')
 
+    @property
+    def skills_list(self):
+        """Return a list of skills parsed from the JSON string stored in ``skills``.
+
+        The ``skills`` column stores a JSON encoded list of skills (e.g. '["Python", "Flask"]').
+        In templates it is convenient to work with a Python list so that skills can be joined
+        or iterated over.  If parsing fails for any reason an empty list is returned.
+        """
+        try:
+            # Import json lazily to avoid circular imports at module import time.
+            import json as _json
+            return _json.loads(self.skills) if self.skills else []
+        except Exception:
+            return []
+
     def __repr__(self):
         return f"<Job {self.role} at {self.company}>"
 
@@ -41,6 +56,12 @@ class Application(db.Model):
 
     user = db.relationship('User', backref='applications')
 
+    # Set up a relationship back to the Job so that templates can access
+    # ``application.job`` directly.  Without this relationship you'd need to
+    # query the Job model manually in the route or template, which is less
+    # convenient and can lead to additional database queries.
+    job = db.relationship('Job', backref='applications', lazy='joined')
+
     def __repr__(self):
         return f"Application('{self.name}', '{self.email}', Job ID: {self.job_id})"
 

backend/routes/auth.py

@@ -40,10 +40,17 @@ def handle_resume_upload(file):
 @auth_bp.route('/login', methods=['GET', 'POST'])
 def login():
     form = LoginForm()
+    # When the form is submitted and passes validation, attempt to authenticate
+    # the user.  If the email/password pair is valid, log them in and provide
+    # a success flash message so the user has feedback. Without this message
+    # the application silently redirects to the home page, which can be
+    # confusing.  If authentication fails, flash an error message.
     if form.validate_on_submit():
         user = User.query.filter_by(email=form.email.data).first()
         if user and user.check_password(form.password.data):
             login_user(user)
+            # ✅ Provide a success message so users know the login worked
+            flash('You have been logged in successfully!', 'success')
             return redirect(url_for('index'))
         else:
             flash('Invalid credentials', 'danger')

backend/templates/apply.html

@@ -1,13 +1,13 @@
 {% extends "base.html" %}
 
-{% block title %}Apply for {{ job.title }} - Codingo{% endblock %}
+{% block title %}Apply for {{ job.role }} - Codingo{% endblock %}
 
 {% block hero %}
 <section class="hero" style="padding: 3rem 1rem;">
     <div class="container">
         <div class="hero-content">
-            <h1>Apply for {{ job.title }}</h1>
-            <p>{{ job.company }} • {{ job.location }}</p>
+            <h1>Apply for {{ job.role }}</h1>
+            <p>{{ job.company }}{% if job.seniority %} • {{ job.seniority }}{% endif %}</p>
         </div>
     </div>
 </section>
@@ -18,7 +18,7 @@
     <ul class="breadcrumbs">
         <li><a href="{{ url_for('index') }}">Home</a></li>
         <li><a href="{{ url_for('jobs') }}">Jobs</a></li>
-        <li><a href="{{ url_for('job_detail', job_id=job.id) }}">{{ job.title }}</a></li>
+        <li><a href="{{ url_for('job_detail', job_id=job.id) }}">{{ job.role }}</a></li>
         <li>Apply</li>
     </ul>
 

backend/templates/base.html

@@ -735,11 +735,17 @@
         </a>
         <div class="login-buttons">
             {% if current_user.is_authenticated %}
-            <span class="welcome-message">Welcome, {{ current_user.username }}</span>
-            <a href="{{ url_for('auth.logout') }}" class="btn btn-logout">Logout</a>
+                <!-- Show a link to the user's dashboard based on their role -->
+                {% if current_user.role == 'unemployed' %}
+                    <a href="{{ url_for('my_applications') }}" class="btn btn-outline">My Applications</a>
+                {% elif current_user.role == 'recruiter' %}
+                    <a href="{{ url_for('jobs') }}" class="btn btn-outline">Browse Candidates</a>
+                {% endif %}
+                <span class="welcome-message">Welcome, {{ current_user.username }}</span>
+                <a href="{{ url_for('auth.logout') }}" class="btn btn-logout">Logout</a>
             {% else %}
-            <a href="{{ url_for('auth.login') }}" class="btn btn-outline">Log In</a>
-            <a href="{{ url_for('auth.signup') }}" class="btn btn-primary">Sign Up</a>
+                <a href="{{ url_for('auth.login') }}" class="btn btn-outline">Log In</a>
+                <a href="{{ url_for('auth.signup') }}" class="btn btn-primary">Sign Up</a>
             {% endif %}
         </div>
 

backend/templates/job_detail.html

@@ -1,21 +1,21 @@
 {% extends "base.html" %}
 
-{% block title %}{{ job.title }} - Codingo{% endblock %}
+{% block title %}{{ job.role }} - Codingo{% endblock %}
 
 {% block content %}
 <section class="content-section">
     <ul class="breadcrumbs">
         <li><a href="{{ url_for('index') }}">Home</a></li>
         <li><a href="{{ url_for('jobs') }}">Jobs</a></li>
-        <li>{{ job.title }}</li>
+        <li>{{ job.role }}</li>
     </ul>
     
     <div class="card">
         <div class="card-header">
-            <h2>{{ job.title }}</h2>
+            <h2>{{ job.role }}</h2>
             <div style="display: flex; justify-content: space-between; margin-top: 0.5rem;">
                 <span>{{ job.company }}</span>
-                <span>{{ job.location }}</span>
+                <span>{{ job.seniority }}</span>
             </div>
         </div>
         <div class="card-body">
@@ -25,8 +25,16 @@
             </div>
             
             <div style="margin-bottom: 2rem;">
-                <h3 style="color: var(--primary); margin-bottom: 1rem;">Requirements</h3>
-                <p>{{ job.requirements }}</p>
+                <h3 style="color: var(--primary); margin-bottom: 1rem;">Required Skills</h3>
+                <!-- Display the skills as a comma separated list.  The Job model exposes
+                     a ``skills_list`` property to parse the JSON stored in the database. -->
+                <p>
+                    {% if job.skills_list %}
+                        {{ job.skills_list | join(', ') }}
+                    {% else %}
+                        Not specified
+                    {% endif %}
+                </p>
             </div>
             
             <div style="text-align: center; margin-top: 2rem;">

backend/templates/jobs.html

@@ -30,10 +30,14 @@
             {% for job in jobs %}
                 <div class="job-card">
                     <div class="job-header">
-                        <h3>{{ job.title }}</h3>
+                        <!-- Use the Job model's fields instead of undefined 'title' and 'location'.
+                             Each job has a 'role' (job title), 'company' and 'seniority' (e.g. Junior/Mid/Senior).
+                             The previous template referenced 'job.title' and 'job.location' which do not exist on
+                             our SQLAlchemy model and caused rendering errors. -->
+                        <h3>{{ job.role }}</h3>
                         <div class="job-info">
                             <span>{{ job.company }}</span>
-                            <span>{{ job.location }}</span>
+                            <span>{{ job.seniority }}</span>
                         </div>
                     </div>
                     <div class="job-body">

backend/templates/my_applications.html

@@ -0,0 +1,91 @@
+{% extends "base.html" %}
+
+{% block title %}My Applications - Codingo{% endblock %}
+
+{% block content %}
+<section class="content-section">
+    <div class="section-title">
+        <h2>My Applications</h2>
+        <p>Your submitted job applications are listed below.</p>
+    </div>
+
+    <ul class="breadcrumbs">
+        <li><a href="{{ url_for('index') }}">Home</a></li>
+        <li>My Applications</li>
+    </ul>
+
+    <div class="application-list">
+        {% if applications %}
+            {% for application in applications %}
+                <div class="application-card">
+                    <div class="application-header">
+                        <h3>{{ application.job.role if application.job else 'Unknown Role' }}</h3>
+                        <div class="application-info">
+                            <span>{{ application.job.company if application.job else '' }}</span>
+                            <span>Status: {{ application.status }}</span>
+                        </div>
+                    </div>
+                    <div class="application-body">
+                        <p>Applied on {{ application.date_applied.strftime('%B %d, %Y') }}</p>
+                        {% if application.job %}
+                            <p>{{ application.job.description[:150] }}{% if application.job.description|length > 150 %}...{% endif %}</p>
+                        {% endif %}
+                    </div>
+                    <div class="application-footer">
+                        {% if application.job %}
+                            <a href="{{ url_for('job_detail', job_id=application.job.id) }}" class="btn btn-outline">View Job</a>
+                        {% endif %}
+                        {% if application.extracted_features %}
+                            <!-- Offer to take the interview if CV data exists -->
+                            <a href="{{ url_for('interview_page', job_id=application.job.id) }}" class="btn btn-primary">Take Interview</a>
+                        {% endif %}
+                    </div>
+                </div>
+            {% endfor %}
+        {% else %}
+            <div class="card">
+                <div class="card-body">
+                    <p>You haven't applied to any jobs yet. Browse available positions on the <a href="{{ url_for('jobs') }}">jobs page</a>.</p>
+                </div>
+            </div>
+        {% endif %}
+    </div>
+</section>
+
+<style>
+.application-list {
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
+    gap: 1.5rem;
+}
+
+.application-card {
+    background-color: var(--light);
+    border: 1px solid #eee;
+    border-radius: 8px;
+    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    padding: 1rem;
+}
+
+.application-header h3 {
+    margin-bottom: 0.5rem;
+    color: var(--primary);
+}
+
+.application-info span {
+    margin-right: 1rem;
+    color: var(--dark);
+    font-weight: 500;
+}
+
+.application-footer {
+    margin-top: 1rem;
+    display: flex;
+    justify-content: flex-end;
+    gap: 0.5rem;
+}
+</style>
+{% endblock %}