Hub: recently played, sorting and per-game trophy progress on cards

Abierto
  • ¿Algo no está bien?
#49 0 comentarios 0 reacciones 0 asignados Ver en GitHub

Nadie ha tomado este issue todavía.

Evaluación

Dificultad
4/5
Tiempo estimado
1-2 días
Aptitud para principiantes
57/100
Tipo de issue
Nueva funcionalidad
Claridad
Bastante claro
Estado de actividad
Activo
Stack tecnológico
typescript
Área
design, frontend

Línea de trabajo

Start with src/hub/main.ts:53-85 and shared/achievements.ts:78-82,135-141 to see how cards are rendered and play and trophy data are stored; check src/hub/hub.css for the card styles. Run npm install and npm run dev to inspect the hub, then use npm run typecheck and npm run build to check your changes. Done when the most recently played game is easy to reach and each card shows its trophy progress.

Escrito por el modelo de indexación a partir del texto del issue.

Descripción

enhancement severity: medium

Summary

Hub cards are always in registry order and show only the best score. Play counts and trophy unlocks are already stored but only visible inside the Trophies dialog, and no last-played time is recorded.

Where

  • src/hub/main.ts:53-85
  • shared/achievements.ts:78-82, shared/achievements.ts:135-141

Proposal

  • Store lastPlayed in recordPlay
  • Add a per-card trophy chip such as "2/4"
  • Add a sort control or a "Continue playing" row (recent, most played, A to Z)
  • Re-render on pageshow so a hub restored from the back/forward cache is current
  • Optionally add a text filter once the grid passes about 12 games

Acceptance criteria

  • The most recently played game is easy to reach from the hub
  • Each card shows trophy progress

Getting started

  • Relevant files: src/hub/main.ts, shared/achievements.ts, src/hub/hub.css
  • Run locally: npm install, then npm run dev
  • Checks: npm run typecheck and npm run build (there is no test suite yet)
  • Related docs: README.md

Filed by repo-audit/full-audit at b001f5d. Severity: medium. Effort: M. audit-key: enhancement|src/hub/main.ts|card

Lenguaje dominante
TypeScript
Estrellas
3
Forks
3
Sin PR fusionados en 30 d

Preparar el entorno

Este proyecto no incluye contenedor de desarrollo, Dockerfile ni guía de contribución, así que la configuración corre por tu cuenta: empieza por su README y consulta nuestra guía para la primera contribución para los pasos generales.

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Más de TMHSDigital/GH-Arcade

Todos los issues de TMHSDigital/GH-Arcade

Issues similares

Más issues de TypeScript

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.