JobParser is a lightweight and efficient Chrome extension built with JavaScript (Manifest V3) that allows users to save, view, and track job postings from any website using the Groq API and store them directly in a Notion database. Additionally, it provides a streak counter and stat viewer to track your job hunting progress.
- Save job postings directly to your Notion workspace
- View saved job postings with detailed information
- Streak counter to track your daily activity (job-saving consistency)
- Stat viewer to display job-related stats like the number of jobs saved across different categories
- Uses the Groq API for intelligent content extraction
- JavaScript
- TailwindCSS
- Chrome Extension API (Manifest V3)
- Groq API
- Notion API
- Clone or download this repository.
- Open Google Chrome and go to
chrome://extensions - Enable Developer Mode (top right).
- Click Load unpacked and select the extension directory and goto the
distfolder.
dist/
├── css/ # Compiled and static CSS files
├── images/ # Extension assets
└── scripts/ # Main scripts used by the extension
├── background/ # Background scripts
├── content_script/ # Script injected into web pages
├── libs/ # External libraries
└── utils/ # Utility functions shared across the project
└── index.js # Logic for the popup interface
├── index.html # Popup page HTML
└── manifest.json # Chrome extension manifest file (v3 or v2)Before using the extension, you must provide the following in the extension's settings:
GROQ API KEY: Your Groq API keyNOTION DATABASE ID: The ID of the Notion database where job data should be storedNOTION API KEY: Your Notion integration secret key
To get started quickly, you can duplicate this ready-made Notion database template:
Click here to duplicate the JobParser Notion template
- Go to https://www.notion.com/my-integrations and click "New integration".
- Give your integration a name like
JobParser, and select the workspace where your job database is stored. - Copy the Internal Integration Token this will be your
NOTION API KEY. - Open the Notion database you want to use (or duplicate the template above).
- Click the 3 dots at the top ritght of the screen
- Scroll down to Connections. Search for your integration name (e.g.,
JobParser) and give it Full Access. - Confirm the integration can access the page and all of its child pages.
- Copy the database URL and extract the Database ID from it. The ID is the long alphanumeric string between
/and?in the URL.- Example:
https://www.notion.so/yourworkspace/1cfc5249688a80ffaf9fef5505ae88fa?v=...
Database ID:1cfc5249688a80ffaf9fef5505ae88fa
- Example:
- Paste both your Notion API Key and Database ID into the extension's settings.
To use the Groq API, you'll need to sign up for an account and generate an API key.
Follow the instructions on the Groq website to create an account and get your API key.
- Navigate to any job listing page in your browser.
- Click the JobParser icon in your extensions bar.
- The extension will use the Groq API to extract relevant job data (e.g., title, company, location, description).
- Review the extracted data, then click Save Job to add the job posting to your Notion database.
- Open the JobParser dashboard to view your saved job postings, track your streak counter, and see various job stats like the total number of jobs saved.
The extension requires the following permissions:
activeTab: To access and parse job postings on the current webpagestorage: To store user-provided keys and settings securelynotification: To send notification for success and failure events
Below are the available NPM scripts for this project:
| Command | Description |
|---|---|
npm run build:css |
Compiles Tailwind CSS from src/styles.css to dist/css/index.css and watches for changes |
npm run format |
Formats all project files using Prettier |
npm run lint |
Runs ESLint to check for linting issues |
npm run lint:fix |
Automatically fixes linting issues using ESLint |
npm run test |
Runs Jest tests |