Akki-jaiswal / Akki-jaiswal/pong-game

[Feature] Implement Live Score Tracking and High Score Persistence Using localStorage

Open
#84 2 comments 0 reactions 1 assignee Claimed by @ChitraAtlani View on GitHub
difficulty enhancement gssoc25
Dominant language
JavaScript
Stars
22
Forks
116
PR merge metrics
No merged PRs in 30d

Description

The current Pong game UI visually displays the player and AI scores during gameplay (Player: X | AI: Y). However, the scores are not persisted beyond the current session and there's no high score tracking feature implemented.

This issue proposes enhancing the game by:
Tracking player and AI scores live.
Persisting scores using localStorage.
Storing and displaying high scores (per device/browser).

🛠️ Feature Requirements:
✅ Track live game scores for Player and AI.

✅ Save playerScore and aiScore in localStorage after every point.

✅ Load saved scores from localStorage when the game starts.

✅ Track high score:

Maintain the highest score ever reached by the player.

Display the high score on the UI (e.g., beside Player label or below the scoreboard).

✅ Add a “Reset Score” button that:
Resets both scores.
Clears values from localStorage.
Optionally clears the high score.

🎯 UI Integration Suggestions:
Display High Score near the existing "Player: X | AI: Y" label at the top center.
Add a small reset icon/button beside the score to clear/reset local data.
Style the high score label with a unique color or glowing effect (e.g., gold or neon).

✅ Expected Outcome:
Player and AI scores are persisted across page reloads.
High score is tracked and updated automatically.
Players can reset scores manually.
A more engaging and persistent gameplay experience.

Image

Image

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.