As a speedgolfer, I can view SpeedScore's graphical user interface, so that I can get an overall feel for how the app is organized

[chundhau]

Acceptance Criteria

App UI Components

• App displays the SpeedScore log as its favicon in its browser tabs
• App displays "SpeedScore" in the title of its browser tabs
• App has top navigation bar with side menu icon, app icon, and content area title
• App has expanding/contracting side menu that displays mode-specific menu items plus "About" and "Log Out"
• App has bottom mode bar for switching between three app modes: "Feed," "Rounds," and "Courses"
• App has floating action button for performing most common task in current mode
• App has placeholder text and icon displaying mode name main content area

App Accessibility

• Use semantic HTML wherever appropriate
• Use ARIA attributes wherever appropriate

App Visual Design

• Blue theme color
• White text color
• Menu items and buttons highlighted when hovered

Implementation Todos

• Create ch2 branch
• Create code snapshots (tags) for each implementation step

Testing:

• Visual inspection of the user interface
• Navigation of the user interface using a screen reader emulator

[chundhau]

I checked off the "To Do" items all at once, since I created this issue after a first draft of the chapter code was complete. I am satisfied with the state of the code at this point, but after the chapter code undergoes further review, things could change, in which case I may need to re-open this issue.

[chundhau]

After committing to accessible design, I have to redesign the Chapter 2 code. I am doing this in a different branch accessible-base-app. Once I am done reimplementing the entire app in this branch, I will break the code into segments to be presented in the early chapters of the book and implement the code in corresponding chapter branches (e.g., ch2, ch3), including tags to index project snapshots at strategic points in each chapter. Stay tuned!