Codecademy Streak Reminder Badge

WHAT IT DOES

This script scans Codecademy dashboard and course pages for streak data—current streak length, total days, and last activity date—and displays a floating badge panel showing streak status with color-coded urgency: green for on track, yellow for approaching break, red for at risk. It extracts streak metrics from the page, calculates days since last activity, and shows a countdown to streak reset. A visual progress bar tracks progress toward the next streak milestone (3, 7, 14, 30, 60, 90, 180, or 365 days). A summary of total days learned and a motivational message based on streak length keep you inspired. Users can export streak data as CSV. All streak snapshots are stored per domain locally for tracking over time.

WHERE IT RUNS

Works on Codecademy dashboard and course pages—codecademy.com/learn, codecademy.com/dashboard, or any page displaying streak data, total days, and activity information. The script scans page content for streak patterns, making it compatible with Codecademy's learning interface.

HOW TO USE

The panel appears automatically when you visit your Codecademy dashboard. It detects your current streak and displays it with color-coded status. The streak card shows the number of days, status label, and a motivational message. If you're approaching a milestone, a progress bar shows how close you are to the next goal. Additional metrics show total days learned, last activity date, and whether you've learned today. Click "Refresh Data" to rescan for updated streak information. Export all streak history as CSV for tracking your progress over time. 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 consistency.

TECHNICAL MECHANISM: STREAK DATA EXTRACTION WITH MILESTONE TRACKING AND MOTIVATIONAL MESSAGING

The script uses a multi-pass detection strategy to find streak data. It scans the page text for streak patterns using regex like "Streak: [number]" and "[number]-day streak." Total days are extracted from patterns like "Total days: [number]" and "[number] days total." The last activity date is extracted from date patterns (MM/DD/YYYY or Month DD, YYYY) and today's learning status is determined by checking for "learned today" keywords or indicators. The script also scans elements with streak-related class names (.streak, .days, .consecutive, .progress) to find numeric values. The streak status color-coding uses thresholds: ≥30 days = green ("On Fire!"), ≥14 days = green ("Great Progress"), ≥7 days = light green ("Building Habit"), ≥3 days = yellow ("Getting Started"), ≥1 day = orange ("Just Begun"), 0 = gray ("No Streak"). Milestones are checked against a list [3, 7, 14, 30, 60, 90, 180, 365], and a progress bar shows the percentage toward the next milestone. Motivational messages are based on streak length ranges: 0 days, 1-2 days, 3-6 days, 7-13 days, 14-29 days, 30-59 days, 60+ days. Each snapshot stores the streak, total days, last activity date, and today's learning status with a timestamp, capped at 30 entries per domain.

THE PANEL

The streak reminder badge appears in a draggable, resizable panel that remembers its position per site. The panel shows the streak card with color-coded status, progress bar, motivational message, metrics grid, 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 Codecademy's current dashboard layout—if Codecademy updates their design, streak detection may need updating. The script does not access your Codecademy account credentials—all data is read from the visible page and tracked locally. The streak detection uses common patterns; some dashboard versions may use different labels that could affect detection. The motivational messages are general encouragement; customize them by modifying the script. All data is stored locally in your browser via GM_setValue and never transmitted. The script is designed for tracking streaks, not for modifying or uploading data to Codecademy.