Ended up being more difficult (for me) than intended. Resolves #10 .
Changes:
Created help screen component and wrote up a html+css from scratch.
Filled the help screen with descriptions and/or instructions of how to use features of the application.
Reduced scrolling required to view the page through the use of accordion/drop down elements.
Visual cues/animations when opening/closing a description. đŸ‘€
Added routing to help screen component and back button.
To test:
Click on the 'help' tab at the top.
Click on 'VisualGit: A visually oriented Git client'.
Expected: Help page is opened.
Click (and read) all the blue headings.
Expected: When the labels are clicked, the corresponding descriptions are revealed.
Click them again to check all the corresponding descriptions are hidden.
Expected: When the headings are clicked, the corresponding descriptions are hidden.
To test the back button:
Navigate to any page.
Click on the 'help' tab at the top.
Click on 'VisualGit: A visually oriented Git client'.
Press the 'Back' arrow.
Expected: The user is returned to the page from 1.
Ended up being more difficult (for me) than intended. Resolves #10 .
Changes:
To test:
To test the back button: