[Enhancement]: Completely redo the "progress" page and add dedicated game pages

[jonbarrow]

Checked Existing

• I have checked the repository for duplicate issues.

What enhancement would you like to see?

This expands on (and will likely replace) issues such as #309 and #227. This can possibly be incorporated into #282, as it as a similar goal, but it may also be worth doing in a different PR (since the goals do differ a bit) or waiting for #307 to be closed (which @hauntii is working on).

Currently the progress page has 2 "issues":

1. The "features" list is VERY cluttered. It just shows a massive list of all the items, not taking into account how many items there are. This results in a MASSIVE page with tons of scroll/empty space in cases where there are a lot of elements
2. There are only pages for games in active development. This is intentional, and not really an "issue" (especially since it relies on GitHub Projects, which currently need to be linked to repos). However it means people keep making issues like these:
   • Zelda Wind Waker support? .github#29
   • Smash 3DS/Wii U support .github#39
   • [Feature]: Minecraft: Wii U Edition Support .github#84
   • [Feature]: Animal Crossing New Leaf 3DS .github#85

The best solution would likely be to:

1. Stop relying on GitHub Projects for task lists. This way we can add data for games which don't have repos yet. While not REQUIRED to be linked to repos, GitHub seems to be farily unstable when it comes to moving a project between repos. We've ran into this many times when deleting/renaming repos and then trying to use the GraphQL API to query for the projects data, which results in vague errors until the project is completely deleted and remade from scratch
2. Either remove/limit the number of items shown on the "progress" page to prevent the aforementioned long scrolling
3. Create dedicated pages for each game to show ALL the details. This would include data such as:
   • Compatibility
   • In-game features
   • Miiverse features
   • Public/beta status
   • Known bugs
   • Links to places like GitHub?
   • Player counts/other stats?
4. Add listings/pages for ALL games under our scope, even those which are not supported or in development. These should be marked as such with a message indicating that support WILL come, and only exist to prevent issues asking for games to be supported

This will likely require several changes to our backends, since we would need to start tracking game progress data ourselves rather than piggy-backing off GitHub Projects.

Any other details to share? (OPTIONAL)

We can easily take inspiration for the 3rd point from other projects. Most every system emulator follows this sort of design, having a "main" titles list showing general compatibility followed by dedicated pages with detailed stats:

• https://pcsx2.net/compat
• https://wiki.pcsx2.net/index.php/Ratchet_%26_Clank
• https://wiki.dolphin-emu.org/index.php?title=The_Legend_of_Zelda%3A_The_Wind_Waker
• https://wiki.cemu.info/wiki/The_Legend_of_Zelda:_Breath_of_the_Wild
• https://web.archive.org/web/20230106195916/https://citra-emu.org/game/pokemon-alpha-sapphire

[binaryoverload]

@mrjvs created some designs on Discord for the progress page

The idea is to include:

• A nice pretty icon
• Server Status (Stable, Unstable)
• Who's it open to (Public, Tester, In Development)
• Feature completion (2/8 - and a list of completed features)
• A small notes section to describe the status of the game

Currently, game progress tiles have a list pulled from GitHub projects and a completion meter which does not reflect the actual state of the game. The game could have all issues completed but not running, be only available to testers, or be very unstable.

[AToska21]

@mrjvs created some designs on Discord for the progress page

The idea is to include:

• A nice pretty icon
• Server Status (Stable, Unstable)
• Who's it open to (Public, Tester, In Development)
• Feature completion (2/8 - and a list of completed features)
• A small notes section to describe the status of the game

Currently, game progress tiles have a list pulled from GitHub projects and a completion meter which does not reflect the actual state of the game. The game could have all issues completed but not running, be only available to testers, or be very unstable.

This looks epic 🔥

[jonbarrow]

To copy-paste my thoughts from Discord about the first screenshot:

Out of the 3 in this mock I also like both 2 and 3, but for different reasons

I personally think I like 2 better since it gives more of a focus on the games icon and I like the visible line of separation between the top and the bottom. But it feels a bit “busy”, I guess?? Idk how to describe it. 3 feels “less busy” but also takes away focus from the games icon and the separation line

I also like 1 a lot though, as like an optional “compact view” kinda like what gmail does?