Back to Projects
In Development

RankdResume Chrome Extension

AI resume tips directly on job listing pages

Chrome ExtensionJavaScriptManifest V3Content Scripts

Overview

The Chrome Extension injects a sidebar into job listing pages (LinkedIn, Naukri, Indeed) that shows your resume's ATS match score for the current job, highlights missing keywords, and lets you apply with one click using your optimized RankdResume profile.

Key Features

Auto-detects job listing pages on LinkedIn, Naukri, and Indeed
Injects a sidebar showing ATS match score for the open job
Highlights keywords present/missing in your resume vs the JD
One-click download of your optimized resume as PDF
Popup dashboard with recent job scores and resume switcher
Secure communication with RankdResume API via stored auth token
Manifest V3 compliant — uses service workers instead of background pages

How It Works

1

Page Detection

Content script runs on all LinkedIn/Naukri/Indeed URLs. It scans the DOM for job title, company, and job description text.

2

JD Extraction

Once a job description is detected, it's extracted and sent to the background service worker.

3

API Call

Service worker sends the JD + user's resume ID to the RankdResume API. The API returns an ATS match score and keyword diff.

4

Sidebar Injection

Content script injects a styled sidebar into the page (using Shadow DOM to avoid CSS conflicts) showing the score and keywords.

5

One-Click Apply

User clicks 'Apply with Optimized Resume' — extension downloads the PDF from RankdResume and opens the job application form.

Tech Stack

Extension

  • Manifest V3
  • Content Scripts
  • Service Workers

UI

  • Vanilla JavaScript
  • CSS injection
  • Shadow DOM

API

  • RankdResume REST API
  • Chrome Storage API

Interested in building something similar?

Get in Touch