Repository navigation
Add learning progress tracker for tutorial series #5023
Description
Problem
Readers following a multi-part tutorial series have no way to track which parts they have completed. When they return to the site, they must remember where they left off manually.
Proposed Solution
Implement a client-side progress tracker using localStorage:
const STORAGE_KEY = 'codeharborhub_progress';
function markPageAsRead(pageId) {
const progress = JSON.parse(localStorage.getItem(STORAGE_KEY) || '{}');
progress[pageId] = { completedAt: Date.now() };
localStorage.setItem(STORAGE_KEY, JSON.stringify(progress));
updateSeriesProgressBar();
}Display a progress bar at the top of each series index page showing X of N parts completed. Add a checkmark badge to completed parts in the table of contents sidebar.
Additional Context
Level 2 feature. Progress is per-browser only and resets on cache clear — a known limitation to document. An optional "Export progress" button lets users back up their data.
Activity
github-actions commentedon Jul 2, 2026
Hi @anshul23102! 👋 Thank you for opening your first issue on CodeHarborHub. We're excited to hear your thoughts and help you out. You've raised a great topic! Please provide as much detail as you can so we can assist you effectively. Welcome aboard!
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.
Implement learning progress tracker for tutorial series (issue #5023)
github-actions commentedon Jul 30, 2026
Hello @anshul23102! Your issue #5023 has been closed. Thank you for your contribution!