Repository navigation
Add estimated reading time to articles and tutorial pages #5027
Description
Problem
Readers browsing CodeHarborHub's content list cannot tell at a glance whether a tutorial takes 5 minutes or 45 minutes to complete, making it hard to choose content that fits their available study time.
Proposed Solution
Compute and display estimated reading time on every page via a remark plugin:
// plugins/remark-reading-time.js
module.exports = function readingTimePlugin() {
return (tree, vfile) => {
let wordCount = 0;
visit(tree, 'text', node => {
wordCount += node.value.split(/\s+/).filter(Boolean).length;
});
const minutes = Math.max(1, Math.round(wordCount / 200));
vfile.data.frontMatter = { ...vfile.data.frontMatter, readingTime: minutes };
};
};Display X min read next to the publish date on both article cards (in listings) and the article header.
Additional Context
Level 2 feature. Code blocks should contribute a lower word weight (about 0.5x) since developers read code differently from prose.
Activity
github-actions commentedon Jul 2, 2026
Hi @anshul23102! Thanks for opening this issue. We appreciate your contribution to this open-source project. Your input is valuable and we aim to respond or assign your issue as soon as possible. Thanks again!
anshul23102 commentedon Jul 2, 2026
@codeharborhub Could you please assign/ this issue to me? I would like to work on it under GSSOC '26.
feat: add remark plugin for calculating article reading time
github-actions commentedon Jul 30, 2026
Hello @anshul23102! Your issue #5027 has been closed. Thank you for your contribution!