benolot / voiceline-guessing-game Goto Github PK

Why?
As a user I want to be able to load the site in dark theme.

Requirements
Site renders in dark mode, light mode and has a button to toggle between them. Ideally it also listens and respects system settings.

Why?
As a user I want to know how soon the next puzzle will unlock.

Requirements
A timer on the main page showing when the next puzzle unlocks is added.
If "Next Puzzle" buttons have been added, the same timer should appear there too.

Why?
As a user I want the website to store my progress so I know which puzzles I have completed and which ones I haven't.

Requirements
Site stores state in the browser, and marks completed puzzles as completed somehow (change their buttons?). When going to the page I can also see my guess history and result.

The historical guess alerts aren't aligned with the rest of the UI Elements which looks a little bit off.

Why?
As a user, I want a tutorial to be available. The tutorial should explain what I am guess and how to guess.

Requirements
A tutorial appears when I push a button, or possibly on first visit. It should be a dismissable tutorial which explains what the aim of the game is, and how to play.

Why?
As a user, I want to share my results on social media so I can compare with my friends.

Requirements
After a puzzle is completed (Successfully or unsuccessfully), a share button should appear which will add text which shows some kind of success rate and links to the puzzle and integrate with some social media's basic share tools.

Why?
As a developer, when I add a new page type I don't want to have to copy paste a lot of code, and I don't want to have to update a lot of different pages to change the title.

Requirements
Some kind of child template, or partial or "base" template, to make the different page types easier to update "shared" parts of their view should exist in whatever form you think best.

Why?
As a user, I want to see a picture of the character and the game's album art on the end screen to help me identify it better

Requirements
After all three guesses have been used (or successful), where it displays the name and game of the correct answer it should also show a portrait of the character and the album art of the game.

Why?
As a user, I want successful guesses to be clearly defined from unsuccessful ones.

Requirements
Some kind of special effect appears when the user gets the right guess. Possibly using the fireworks component from the CSS library we use - FlatifyCSS or any other kind of effect you can think of.

Why?

As a user I want to quickly play more puzzles without having to go back to the menu.

Requirements

A button is added to the footer that contains a link to the next puzzle, and previous puzzle. When there is no (unlocked) next puzzle, or previous puzzle, the respective buttons should not show.

Why
As a user I might know the game but not the character, so I want to see more results which match my search.

Requirements

Show all matching search results but still don't show any search results if no query was entered

When pressing the submit button with an empty guess multiple times, the same "error" is repeated each time, none of which can be closed or expire.