Código y vista previa ✦

Código — Steam Library Manager

Panel con ejemplo de componentes y vista previa de la biblioteca Steam.

Código

interface GameItem {
  id: string;
  title: string;
  status: 'Jugando' | 'Completado' | 'No iniciado';
  hours: number;
  tags: string[];
}

const library: GameItem[] = [
  { id: '1', title: 'Cyberpunk 2077', status: 'Jugando', hours: 42, tags: ['RPG', 'Acción'] },
  { id: '2', title: 'Stardew Valley', status: 'Completado', hours: 120, tags: ['Simulación', 'Indie'] },
];

function filterByStatus(games: GameItem[], status: GameItem['status']) {
  return games.filter(game => game.status === status);
}

const playingGames = filterByStatus(library, 'Jugando');
console.log('Jugando:', playingGames);

Vista previa

Steam Library Manager

Filtrado: Jugando, Completado, No iniciado

Biblioteca: 24 juegos sincronizados con Steam

Compartir: Colecciones exportables para amigos

Interfaz rápida para consultar estados, horas y colecciones en segundos.