Complete Workforce Gap Analyzer: offline Flask backend, multi-tab UI, resume AI recommender by Copilot · Pull Request #1 · Gitcoder12/Workforce-Gap-Analyzer

Copilot · 2026-04-11T07:49:42Z

Merge complete working app from PR branch into main
main now has all files: app.py, index.html, script.js, styles.css, Procfile, render.yaml, requirements.txt

Original prompt

COMPLETE FEATURE UPDATE - ALL-IN-ONE WORKFORCE ANALYZER

Build a complete workforce gap analyzer with the following features:

1. JOB FILTERING SYSTEM

🔥 High Demand Jobs - Most openings (50+ jobs per city)
💰 High Pay Jobs - Top salary earners
⭐ Best Jobs - Score-based ranking (salary + demand + growth)
⚠️ Risky Jobs - Low demand, unstable sectors
🚨 Emergency Jobs - Critical shortages
🆕 New Jobs - Recently opened

2. TOP COMPANIES DATABASE

Add 50+ best companies per city with:

Company name & rating
Open positions count
Salary range
Required skills
Benefits
Growth potential

Cities: new york, bangalore, london, dubai, tokyo, sydney, toronto, vizag

3. STARTUP SECTION

Include 30+ startup companies with:

Startup name
Funding stage (Seed, Series A/B/C)
Open roles
Equity percentage
Salary range (usually lower but with equity)
Growth potential (1-10 scale)

4. PLACEMENT OFFICERS DIRECTORY

Add placement officer contacts:

Name & specialization
Success rate (%)
Phone/Email
Years of experience
Per city

5. RESUME UPLOADER & JOB RECOMMENDER

Drag-drop resume upload (PDF/DOCX)
Auto-extract skills from resume
Match against all jobs
Scoring System:
- Skill Match (0-100%)
- Salary Match (0-100%)
- Experience Match (0-100%)
- Overall Score (0-100%)
Display top 10 recommended jobs with scores

6. ENHANCED UI

Tab-based navigation (High Demand, High Pay, Best, Startups, etc.)
Search & filter options
Resume upload with preview
Professional job cards with badges
Responsive design
Dark/Light mode ready

7. BACKEND (Flask + Python)

Parse PDF/DOCX resumes
Extract skills using text processing
Calculate match scores
Serve all company data
Return recommendations with scores

REQUIREMENTS

Must work offline (no external APIs except optional)
All data embedded in code
No errors on start
Fully functional resume parser
Accurate skill matching

DELIVERABLES

app.py - Complete Flask backend with all endpoints
index.html - Beautiful multi-tab UI with resume upload
script.js - Resume parser + job recommender logic
styles.css - Professional styling
requirements.txt - All dependencies

All must be tested and working!

The following is the prior conversation context from the user's chat exploration (may be truncated):

Assistant: ✅ DONE! Both index.html and script.js have been updated!

Now:

Pull changes:
```
git pull
```
Restart server:
```
python app.py
```
Open: http://localhost:5000
Type a city & click Analyze! 🚀

Works now! ✅

User: @Copilot Accepted Confirmation: Are you sure?

Assistant: I need the correct file hashes. Let me get them:

User: @Copilot Accepted Confirmation: Are you sure?

Assistant: Let me create a complete solution with a PR instead:

User: done?

Assistant: ✅ YES, DONE!

Your index.html and script.js have been fully updated with:

✅ HTML Form - City input field
✅ JavaScript - Form submission handling
✅ Fetch API - Real-time data requests
✅ Results Display - Shows workforce analysis
✅ Error Handling - Catches and displays errors

Now do this:

Pull latest changes:
```
git pull
```
Restart server:
```
python app.py
```
Open browser:
```
http://localhost:5000
```
Type a city name: vizag, bangalore, new york, london, dubai, tokyo, etc.
Click Analyze → See real workforce gap analysis! 🚀

It's working NOW! ✅

User: give full codes again for command prompt

Assistant: Here are the FULL codes to copy-paste:

Step 1: Replace `app.py`

from flask import Flask, request, jsonify, render_template
import os
from dotenv import load_dotenv

load_dotenv()
app = Flask(__name__, template_folder='.', static_folder='.')

# Workforce data for 100+ cities
WORKFORCE_DATA = {
    'new york': {
        'high_priority': [
            {'role': 'Senior Python Developer', 'openings': 450, 'salary': '$120,000 - $160,000', 'skills': ['Python', 'Django', 'PostgreSQL', 'AWS']},
            {'role': 'Cloud Architect', 'openings': 320, 'salary': '$130,000 - $180,000', 'skills': ['AWS', 'Kubernetes', 'Terraform', 'DevOps']},
            {'role': 'ML Engineer', 'openings': 280, 'salary': '$140,000 - $190,000', 'skills': ['Python', 'TensorFlow', 'PyTorch', 'Data Science']},
        ],
        'medium_priority': [
            {'role': 'Frontend Developer', 'openings': 380, 'salary': '$90,000 - $130,000', 'skills': ['React', 'JavaScript', 'CSS', 'TypeScript']},
            {'role': 'DevOps Engineer', 'openings': 250, 'salary': '$110,000 - $150,000', 'skills': ['Docker', 'Kubernetes', 'CI/CD', 'Linux']},
        ],
        'low_priority': [
            {'role': 'QA Engineer', 'openings': 180, 'salary':...

</details>



<!-- START COPILOT CODING AGENT SUFFIX -->

*This pull request was created from Copilot chat.*
>

- Replaced Claude API backend with fully offline Flask app - Added comprehensive job data for 8 cities (10 jobs each) - Job categories: high_demand, high_pay, best, risky, emergency, new - Top companies database (10-12 per city) - Startup companies (6 per city) with funding stage, equity, growth - Placement officers directory (5 per city) with contacts - Resume upload endpoint: parses PDF/DOCX/TXT, extracts skills, scores jobs - Resume scoring: skill match (60%) + experience match (40%) = overall score - Beautiful multi-tab UI with 10 tabs - Professional CSS with cards, badges, growth bars, score circles - Drag-and-drop resume upload with recommendations display - Added .gitignore to exclude __pycache__ and build artifacts Agent-Logs-Url: https://github.com/Gitcoder12/Workforce-Gap-Analyzer/sessions/7081fa66-87a6-4236-81c2-c4b6fdfd8a65 Co-authored-by: Gitcoder12 <96382122+Gitcoder12@users.noreply.github.com>

- Remove stack trace exposure from error responses - Make debug mode conditional on FLASK_DEBUG env var - Pre-compile skill regex pattern at module level for performance - Use list+join for PDF text extraction (avoid string concat in loop) - Fix drag-and-drop resume upload (use droppedFile variable instead of invalid files property assignment on input element) Agent-Logs-Url: https://github.com/Gitcoder12/Workforce-Gap-Analyzer/sessions/7081fa66-87a6-4236-81c2-c4b6fdfd8a65 Co-authored-by: Gitcoder12 <96382122+Gitcoder12@users.noreply.github.com>

- Extract filledStars variable in startup card renderer - Move rank-badge inline styles to styles.css class - Rename _SKILL_PATTERN to SKILL_PATTERN (no leading underscore) Agent-Logs-Url: https://github.com/Gitcoder12/Workforce-Gap-Analyzer/sessions/7081fa66-87a6-4236-81c2-c4b6fdfd8a65 Co-authored-by: Gitcoder12 <96382122+Gitcoder12@users.noreply.github.com>

Agent-Logs-Url: https://github.com/Gitcoder12/Workforce-Gap-Analyzer/sessions/6794ca04-24f6-4fc1-93d0-dd495467ab1a Co-authored-by: Gitcoder12 <96382122+Gitcoder12@users.noreply.github.com>

Agent-Logs-Url: https://github.com/Gitcoder12/Workforce-Gap-Analyzer/sessions/391d5b2e-4da6-4308-95b5-2c31eac670f2 Co-authored-by: Gitcoder12 <96382122+Gitcoder12@users.noreply.github.com>

Agent-Logs-Url: https://github.com/Gitcoder12/Workforce-Gap-Analyzer/sessions/3769aacb-bfba-4a98-b991-65b96321419e Co-authored-by: Gitcoder12 <96382122+Gitcoder12@users.noreply.github.com>

Agent-Logs-Url: https://github.com/Gitcoder12/Workforce-Gap-Analyzer/sessions/72d9c881-ac0f-40c0-9f44-0065b71c6a3f Co-authored-by: Gitcoder12 <96382122+Gitcoder12@users.noreply.github.com>

Agent-Logs-Url: https://github.com/Gitcoder12/Workforce-Gap-Analyzer/sessions/0f4d8a82-b523-4f24-88ac-4904bcac4326 Co-authored-by: Gitcoder12 <96382122+Gitcoder12@users.noreply.github.com>

Copilot

Pull request overview

This PR merges a complete offline “Workforce Gap Analyzer” app into main, adding a Flask backend with embedded workforce datasets and a multi-tab frontend UI including a resume upload + job recommendation feature.

Changes:

Replaced the minimal single-form UI with a multi-tab dashboard (jobs by category, companies, startups, officers, Resume AI).
Implemented Flask JSON APIs for city/job/company/startup/officer data and a resume upload endpoint (PDF/DOCX/TXT parsing + scoring).
Added deployment assets for Render/Gunicorn plus updated documentation and styling.

Reviewed changes

Copilot reviewed 7 out of 9 changed files in this pull request and generated 6 comments.

Show a summary per file

File	Description
app.py	Adds offline embedded datasets, API endpoints, and resume parsing + scoring logic.
index.html	New multi-tab UI layout including Resume AI upload panel.
script.js	Tab navigation, search filtering, API data loading, rendering, and resume upload flow.
styles.css	Complete UI styling for header/tabs/cards/resume section.
requirements.txt	Adds Gunicorn + resume parsing dependencies.
render.yaml	Render.com deployment configuration.
Procfile	Gunicorn start command for platforms that use Procfile.
README.md	Updates local install + Render deployment instructions.
.gitignore	Adds common Python and environment ignores.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Copilot · 2026-04-12T19:34:47Z

+_SKILL_PATTERN = re.compile(
+    r'\b(' + '|'.join(map(re.escape, KNOWN_SKILLS)) + r')\b',
+    re.IGNORECASE,
+)
+
+def extract_skills_from_text(text):
+    return list({m.lower() for m in _SKILL_PATTERN.findall(text)})


The skill-extraction regex wraps all skills in \b...\b, which won’t reliably match skills containing non-word characters (e.g., c++, c#, .net) because \b boundaries don’t work at +/#/. edges. This will cause missing extracted skills and inaccurate resume/job matching. Consider using custom lookarounds (e.g., (?<![A-Za-z0-9])...(?![A-Za-z0-9])), splitting skills into “word-only” vs “symbolic” patterns, or a tokenization/normalization approach instead of \b for the whole alternation.

Copilot · 2026-04-12T19:34:47Z

+@app.route('/api/upload-resume', methods=['POST'])
+def upload_resume():
+    if 'resume' not in request.files:
+        return jsonify({'error': 'No file uploaded'}), 400
+    file = request.files['resume']
+    city = request.form.get('city', '').strip().lower()
+    if not city:
+        return jsonify({'error': 'Please select a city'}), 400
+    jobs = JOBS_DATA.get(city)
+    if jobs is None:
+        return jsonify({'error': 'City not found'}), 404
+    filename = (file.filename or '').lower()
+    text = ''
+    try:
+        file_bytes = file.read()
+        if filename.endswith('.pdf'):


/api/upload-resume accepts arbitrary-sized uploads and reads the entire file into memory (file.read()), which can be abused to exhaust memory/CPU (especially for PDFs). Consider setting app.config['MAX_CONTENT_LENGTH'] (and returning a clear 413 response) plus optionally rejecting overly large PDFs/DOCX before parsing.

Copilot · 2026-04-12T19:34:48Z

+  searchBar.style.display = jobTabs.includes(tab) ? 'flex' : 'none';
+  updateResultsCount();


When switching between job tabs, showPanel() doesn’t re-apply the current search query; if the user has text in #searchInput and changes tabs, the new tab shows unfiltered cards while the search box still contains a query. Consider calling filterCards() (or applying the query) from showPanel() when tab is a job tab so the UI stays consistent.

Suggested change

searchBar.style.display = jobTabs.includes(tab) ? 'flex' : 'none';

updateResultsCount();

const isJobTab = jobTabs.includes(tab);

searchBar.style.display = isJobTab ? 'flex' : 'none';

if (isJobTab && typeof filterCards === 'function') {

filterCards();

} else {

updateResultsCount();

}

Copilot · 2026-04-12T19:34:48Z

+  const categories = ['high_demand','high_pay','best','risky','emergency','new'];
+  Promise.all([
+    ...categories.map(cat =>
+      fetch(`/api/jobs/${encodeURIComponent(city)}?category=${cat}`)
+        .then(r => r.json()).then(d => ({ cat, jobs: d.jobs || [] }))
+    ),
+    fetch(`/api/companies/${encodeURIComponent(city)}`).then(r => r.json()),
+    fetch(`/api/startups/${encodeURIComponent(city)}`).then(r => r.json()),
+    fetch(`/api/officers/${encodeURIComponent(city)}`).then(r => r.json()),
+  ]).then(results => {


The data-loading fetch(...).then(r => r.json()) flow doesn’t check r.ok, so HTTP errors (e.g., 404/500) will be treated as “success” and silently render empty lists. Consider checking r.ok and throwing on errors (or surfacing data.error) so users get a clear failure state instead of misleading “No data available.”

Copilot · 2026-04-12T19:34:48Z

+## Local Installation
+
+```bash
+git clone https://github.com/Gitcoder12/Workforce-Gap-Analyzer.git


The README instructs users to fork this repository, but the local install command hard-codes cloning https://github.com/Gitcoder12/Workforce-Gap-Analyzer.git. This is inconsistent for fork-based workflows; consider using a placeholder (<your-username>) or wording that tells users to clone their fork URL.

Suggested change

git clone https://github.com/Gitcoder12/Workforce-Gap-Analyzer.git

git clone https://github.com/<your-username>/Workforce-Gap-Analyzer.git

Copilot · 2026-04-12T19:34:48Z

+          <div class="upload-content" onclick="document.getElementById('resumeFile').click()">
+            <div class="upload-icon">&#128196;</div>
+            <h3>Drag &amp; Drop your Resume</h3>
+            <p>or click to browse &mdash; PDF, DOCX, TXT supported</p>
+            <div class="file-info" id="fileInfo"></div>
+          </div>


The resume upload “click to browse” control is a <div> with onclick, which is not keyboard-focusable and doesn’t expose an accessible name/role to assistive tech. Consider using a <label for="resumeFile"> or a real <button> (plus tabindex/ARIA as needed) so keyboard and screen reader users can trigger the file picker.

Suggested change

<div class="upload-content" onclick="document.getElementById('resumeFile').click()">

<div class="upload-icon">📄</div>

<h3>Drag & Drop your Resume</h3>

<p>or click to browse — PDF, DOCX, TXT supported</p>

<div class="file-info" id="fileInfo"></div>

</div>

<label class="upload-content" for="resumeFile">

<div class="upload-icon">📄</div>

<h3>Drag & Drop your Resume</h3>

<p>or click to browse — PDF, DOCX, TXT supported</p>

<div class="file-info" id="fileInfo"></div>

</label>

Initial plan

a4ae0b7

Copilot AI assigned Copilot and Gitcoder12 Apr 11, 2026

Copilot started work on behalf of Gitcoder12 April 11, 2026 07:49 View session

Copilot AI and others added 3 commits April 11, 2026 08:11

Copilot AI changed the title ~~[WIP] Add complete workforce gap analyzer with filtering and company database~~ Complete Workforce Gap Analyzer: offline Flask backend, multi-tab UI, resume AI recommender Apr 11, 2026

Copilot AI requested a review from Gitcoder12 April 11, 2026 08:17

Copilot finished work on behalf of Gitcoder12 April 11, 2026 08:17

Copilot started work on behalf of Gitcoder12 April 11, 2026 09:35 View session

Copilot finished work on behalf of Gitcoder12 April 11, 2026 09:39

Copilot started work on behalf of Gitcoder12 April 11, 2026 09:42 View session

Copilot finished work on behalf of Gitcoder12 April 11, 2026 09:44

Copilot started work on behalf of Gitcoder12 April 11, 2026 09:50 View session

Copilot finished work on behalf of Gitcoder12 April 11, 2026 09:51

Copilot started work on behalf of Gitcoder12 April 11, 2026 09:55 View session

fix: update README with correct Flask setup and run instructions

5c1436a

Agent-Logs-Url: https://github.com/Gitcoder12/Workforce-Gap-Analyzer/sessions/6794ca04-24f6-4fc1-93d0-dd495467ab1a Co-authored-by: Gitcoder12 <96382122+Gitcoder12@users.noreply.github.com>

Copilot finished work on behalf of Gitcoder12 April 11, 2026 10:01

Copilot started work on behalf of Gitcoder12 April 11, 2026 10:21 View session

Copilot finished work on behalf of Gitcoder12 April 11, 2026 10:23

Copilot started work on behalf of Gitcoder12 April 11, 2026 17:53 View session

Copilot finished work on behalf of Gitcoder12 April 11, 2026 17:57

Copilot started work on behalf of Gitcoder12 April 11, 2026 18:04 View session

Copilot finished work on behalf of Gitcoder12 April 11, 2026 18:07

Copilot started work on behalf of Gitcoder12 April 12, 2026 03:20 View session

fix: bind Flask server to 0.0.0.0 so it opens in browser

ff37dd1

Agent-Logs-Url: https://github.com/Gitcoder12/Workforce-Gap-Analyzer/sessions/391d5b2e-4da6-4308-95b5-2c31eac670f2 Co-authored-by: Gitcoder12 <96382122+Gitcoder12@users.noreply.github.com>

Copilot finished work on behalf of Gitcoder12 April 12, 2026 03:23

Copilot started work on behalf of Gitcoder12 April 12, 2026 05:09 View session

add deployment config: gunicorn, Procfile, render.yaml, updated README

8a0247f

Agent-Logs-Url: https://github.com/Gitcoder12/Workforce-Gap-Analyzer/sessions/3769aacb-bfba-4a98-b991-65b96321419e Co-authored-by: Gitcoder12 <96382122+Gitcoder12@users.noreply.github.com>

Copilot finished work on behalf of Gitcoder12 April 12, 2026 05:12

Copilot started work on behalf of Gitcoder12 April 12, 2026 07:30 View session

feat: auto-open browser when running app locally

19a2a06

Agent-Logs-Url: https://github.com/Gitcoder12/Workforce-Gap-Analyzer/sessions/72d9c881-ac0f-40c0-9f44-0065b71c6a3f Co-authored-by: Gitcoder12 <96382122+Gitcoder12@users.noreply.github.com>

Copilot finished work on behalf of Gitcoder12 April 12, 2026 07:32

Copilot started work on behalf of Gitcoder12 April 12, 2026 07:46 View session

Copilot finished work on behalf of Gitcoder12 April 12, 2026 07:48

Copilot started work on behalf of Gitcoder12 April 12, 2026 07:58 View session

Copilot finished work on behalf of Gitcoder12 April 12, 2026 08:00

Copilot started work on behalf of Gitcoder12 April 12, 2026 08:15 View session

Copilot finished work on behalf of Gitcoder12 April 12, 2026 08:17

Copilot started work on behalf of Gitcoder12 April 12, 2026 08:23 View session

fix: bind gunicorn to $PORT for Render deployment

9e3b4e6

Agent-Logs-Url: https://github.com/Gitcoder12/Workforce-Gap-Analyzer/sessions/0f4d8a82-b523-4f24-88ac-4904bcac4326 Co-authored-by: Gitcoder12 <96382122+Gitcoder12@users.noreply.github.com>

Copilot finished work on behalf of Gitcoder12 April 12, 2026 08:27

Copilot started work on behalf of Gitcoder12 April 12, 2026 17:35 View session

Copilot finished work on behalf of Gitcoder12 April 12, 2026 17:37

Copilot started work on behalf of Gitcoder12 April 12, 2026 18:01 View session

Copilot finished work on behalf of Gitcoder12 April 12, 2026 18:03

Gitcoder12 marked this pull request as ready for review April 12, 2026 19:30

Copilot AI review requested due to automatic review settings April 12, 2026 19:30

Gitcoder12 merged commit f3328b9 into main Apr 12, 2026
3 checks passed

Copilot started reviewing on behalf of Gitcoder12 April 12, 2026 19:31 View session

Copilot stopped work on behalf of Gitcoder12 due to an error April 12, 2026 19:31
Pull request is not open

Copilot stopped work on behalf of Gitcoder12 due to an error April 12, 2026 19:33
Pull request is not open

Copilot AI reviewed Apr 12, 2026

View reviewed changes

Navigation Menu

Complete Workforce Gap Analyzer: offline Flask backend, multi-tab UI, resume AI recommender - #1

Complete Workforce Gap Analyzer: offline Flask backend, multi-tab UI, resume AI recommender#1
Gitcoder12 merged 9 commits into
mainfrom
copilot/complete-workforce-analyzer

Copilot AI commented Apr 11, 2026 •

edited

Loading

Uh oh!

Uh oh!

Copilot AI left a comment

Uh oh!

Copilot AI Apr 12, 2026

Uh oh!

Copilot AI Apr 12, 2026

Uh oh!

Copilot AI Apr 12, 2026

Uh oh!

Copilot AI Apr 12, 2026

Uh oh!

Copilot AI Apr 12, 2026

Uh oh!

Copilot AI Apr 12, 2026

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

3 participants

		searchBar.style.display = jobTabs.includes(tab) ? 'flex' : 'none';
		updateResultsCount();

-  searchBar.style.display = jobTabs.includes(tab) ? 'flex' : 'none';
-  updateResultsCount();
+  const isJobTab = jobTabs.includes(tab);
+  searchBar.style.display = isJobTab ? 'flex' : 'none';
+  if (isJobTab && typeof filterCards === 'function') {
+    filterCards();
+  } else {
+    updateResultsCount();
+  }

	git clone https://github.com/Gitcoder12/Workforce-Gap-Analyzer.git
	git clone https://github.com/<your-username>/Workforce-Gap-Analyzer.git

Conversation

Copilot AI commented Apr 11, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

COMPLETE FEATURE UPDATE - ALL-IN-ONE WORKFORCE ANALYZER

1. JOB FILTERING SYSTEM

2. TOP COMPANIES DATABASE

3. STARTUP SECTION

4. PLACEMENT OFFICERS DIRECTORY

5. RESUME UPLOADER & JOB RECOMMENDER

6. ENHANCED UI

7. BACKEND (Flask + Python)

REQUIREMENTS

DELIVERABLES

Step 1: Replace app.py

Uh oh!

Uh oh!

Copilot AI left a comment

Choose a reason for hiding this comment

Pull request overview

Reviewed changes

Uh oh!

Copilot AI Apr 12, 2026

Choose a reason for hiding this comment

Uh oh!

Copilot AI Apr 12, 2026

Choose a reason for hiding this comment

Uh oh!

Copilot AI Apr 12, 2026

Choose a reason for hiding this comment

Uh oh!

Copilot AI Apr 12, 2026

Choose a reason for hiding this comment

Uh oh!

Copilot AI Apr 12, 2026

Choose a reason for hiding this comment

Uh oh!

Copilot AI Apr 12, 2026

Choose a reason for hiding this comment

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

3 participants

Copilot AI commented Apr 11, 2026 •

edited

Loading

Step 1: Replace `app.py`