ronderksen / wingspan-scorepad Goto Github PK

The header has the Wingspan logo and three links to create a game, continue a game or edit the settings.
This should be styled as a header bar with a menu for smaller screens.

• Separate the header into its own component
• Style the header component
• Show all links at the top if the screen is large enough, use a menu toggle button on mobile

The homepage contains the three links that are also in the menu and maybe a bit of explanation on what the app does and how to use it.

• Style the links as buttons
• Add some explanatory text

Part of the game setup is to select four goals out of a larger set (total number of goals depends on expansions).

• Show the user all possible goals, based on which expansions have been activated in the settings

• Allow the user to select up to four goals

• Add a button that will trigger a random selection of four goals

• Add a button that will clear the selection

• Store the selected goals in the session object