freeCodeCamp Progress Tracker Overlay

WHAT IT DOES

This script scans freeCodeCamp curriculum and challenge pages for completed challenges, certificates, and progress data, and displays a floating overlay showing a summary of progress metrics. It extracts challenge completion status, certificate progress, total challenges completed, and current streak from the page. A progress dashboard displays color-coded completion bars for each certification track, a summary of total completed challenges, and a streak counter. A one-click export function saves progress data as CSV or JSON. All progress snapshots are stored per domain locally for tracking over time.

WHERE IT RUNS

Works on freeCodeCamp curriculum and challenge pages—freecodecamp.org/learn, freecodecamp.org/dashboard, or any page displaying challenge completion and certification progress. The script detects progress data using common patterns and page structure, making it compatible with freeCodeCamp's learning interface.

HOW TO USE

The panel appears automatically when you visit a freeCodeCamp learning page. It detects your progress and displays a summary grid with completed challenges, streak count, and certificate progress. Each certification track shows a progress bar with the percentage complete and a completion badge. The history section shows your last 10 progress snapshots with challenge counts, certificate progress, and streak. Click "Refresh Data" to rescan for updated progress. Export progress data as CSV for spreadsheet analysis or as JSON for programmatic use. Use "Clear History" to reset stored snapshots for the current domain. The panel automatically saves a snapshot each time you visit, building a history of your learning progress.

TECHNICAL MECHANISM: FREECODECAMP PROGRESS EXTRACTION WITH CERTIFICATION TRACKING AND LOCAL PERSISTENCE

The script uses a comprehensive detection strategy. First, it scans the page text for total challenges completed using patterns like "[number] challenges completed" and "Completed [number] challenges." The streak is extracted from patterns like "[number]-day streak" or "Streak: [number]." For certificate progress, the script checks for common freeCodeCamp certification names (Responsive Web Design, JavaScript Algorithms, Front End Development, Data Visualization, Back End Development, Quality Assurance, Scientific Computing, Data Analysis, Information Security, Machine Learning) using regex patterns. For each detected certificate, it extracts the progress percentage from patterns like "X% complete" or "X/Y completed." If no explicit percentage is found, it checks for completion indicators ("completed," checkmark emojis) or estimates from "X/Y" patterns. The script also scans for progress bar elements and their labels as a fallback. Each progress snapshot stores the total challenges completed, streak, certificate list with progress, and completion counts with a timestamp, capped at 30 entries per domain. The export function generates CSV with certificate progress and summary metrics.

THE PANEL

The freeCodeCamp progress tracker appears in a draggable, resizable panel that remembers its position per site. The panel shows summary stats, certificate progress bars, and history. Drag by the header to reposition, collapse to a compact icon with a click, and resize using the bottom-right corner. The panel snaps to screen edges for tidy placement and closes with the Escape key. All settings—panel position—persist per website using GM_setValue, so your view returns exactly as you left it.

PLEASE NOTE

This script requires the free BotGentz extension to run. The script relies on freeCodeCamp's current page structure—if freeCodeCamp updates their layout, progress detection may need updating. The script does not access your freeCodeCamp account credentials—all data is read from the visible page and stored locally. The certificate detection uses a list of common certification names; new or renamed certifications may not be detected. The streak detection uses common patterns; if the page uses a different format, the streak may not be captured. All data is stored locally in your browser via GM_setValue and never transmitted. The script is designed for tracking your learning progress, not for modifying or uploading data to freeCodeCamp.