Skip to content

Add learning progress tracker for tutorial series #5023

Description

@anshul23102

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

  1. github-actions commented on Jul 2, 2026

    @github-actions

    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!

  2. github-actions commented on Jul 2, 2026

    @github-actions

    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!

  3. anshul23102 commented on Jul 2, 2026

    @anshul23102
    ContributorAuthor

    @codeharborhub Could you please assign/ this issue to me? I would like to work on it under GSSOC '26.

  4. github-actions commented on Jul 30, 2026

    @github-actions

    Hello @anshul23102! Your issue #5023 has been closed. Thank you for your contribution!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

Projects

No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions