Hacktoberfest 2026: the issues maintainers tagged for October, open and beginner-friendly. Browse Hacktoberfest issues

Changing Pages Causes Full Page Refresh

Open
#428 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Assessment

Difficulty
5/5
Estimated time
Over a week
Newbie friendliness
35/100
Issue type
Feature
Clarity
Mostly clear
Activity status
Stale
Tech stack
javascript
Domain
frontend

Research direction

Start by locating the page selector in /annotator and the tpen-project-header page turnery, then trace their current location.href navigation and page-selected event flow. Review the related components and interfaces needed for dynamic page loading. Done means navigation uses history.pushState(), fetches new page data, and re-renders annotations without a full page reload.

Written by the indexing model from the issue text.

Description

enhancement

SPA-style Navigation

The page selector component used in /annotator and the tpen-project-header page turnery currently cause a full page reload on navigation via location.href. For a smoother user experience in the future, consider implementing SPA-style navigation:

Listen for a page-selected event and do the following:

  • Update the URL via history.pushState() instead of location.href
  • Fetch new page data dynamically
  • Re-render the annotations without a full page reload

This would require architectural changes to support dynamic page loading in related components and interfaces, but would significantly improve the UX for users navigating between pages frequently.

Dominant language
JavaScript
Stars
2
Forks
3
PR merge metrics
No merged PRs in 30d

Getting set up

This project ships no dev container, Dockerfile or contributing guide, so setting up is up to you: start from its README, and see our first-contribution guide for the general steps.

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from CenterForDigitalHumanities/TPEN-interfaces

All issues in CenterForDigitalHumanities/TPEN-interfaces

Similar issues

More JavaScript issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.