Mockup and Feature Design Doc for How to Play Popup

[Ethan-Harris07]

Description

When users are either first playing our game or need a quick refresher if they haven't played for, they are able to ask for a tutorial on how to play Gibberle. Users can get to the tutorial from either the landing page (when it is their first time playing) or when they are playing the game (hint icon)

Acceptance Criteria

• [ ] Short and to the point, and should leave a user with no questions on how to play the game
• [x] Feature design doc is made for this page. It should outline how the user interacts with the popup (what buttons are on it, what happens if they press it, etc)
  • If we stick with the slide show design for hints, this should describe each slide, the fact that the slides automatically loop through, and the user can go in between them via a button if they choose
  • Include an Image as well once the mockup is done
• [ ] Mockup is made on figma, it should use the default theme colors
  • Is fully interactable and working
  • [ ] Design has a mobile version design

Dev Notes

• Mockup design should be in the Website Layout page of the Figma
• Feature design doc
  • Note this is a different page than the previous one we had, I made a new one because I want it to look more appealing and the old one is partially outdated
  • Old feature design doc if you want to reference it

Subtasks

• None

[DanielTran24]

Almost finished with the code but haven't started the feature design doc yet