Article Lens

Chrome extension that shows a floating bottom-right widget on Hello Interview article pages with:

• Word count (article body from the top until “Mark as read”)
• Avg read time at 150 WPM (learning pace for new technical material)
• Page count (1 page = 500 words)
• Scroll progress — tiny bar + % through the same article range (not the whole page); hover for words/pages done vs left

The widget only appears when a cutoff like “Mark as read”, “Next: …”, or “How would you rate the quality of this article?” is present. Homepage and other non-article pages stay clean.

Install (Load unpacked)

1. Open Chrome and go to chrome://extensions
2. Enable Developer mode (top right)
3. Click Load unpacked
4. Select this folder: /Users/macbookair/Downloads/Article Lens
5. Visit an article page — the widget should appear bottom-right

Verify

Check	URL
Widget shows with stats	https://www.hellointerview.com/learn/system-design/core-concepts/data-modeling
Another article updates	https://www.hellointerview.com/learn/system-design/problem-breakdowns/bitly
No widget on homepage	https://www.hellointerview.com

Also confirm the count stops before the “Mark as read” / “Next: …” section (select that footer area — it should not inflate the word count).

Use the × on the widget to hide it until you refresh or open another article.

Files

manifest.json   # Manifest V3, host-restricted to hellointerview.com
content.js      # Cutoff detection, metrics, floating widget
styles.css      # Widget styles
icons/          # 16 / 48 / 128 px icons

Notes

• Learning read time uses 150 words/minute (within the common 100–200 WPM learning range).
• No build step required — edit files and click Reload on chrome://extensions after changes.