✨ Projects - Add Projects section to list user memberships

[joshbermanssw]

Cc: @calumjs @ricksu978 @adamcogan
Hi Designer

▶️ Watch the video (00:31)

Pain

The YakShaver Desktop app currently doesn’t surface a clear “Projects” area for users to quickly see what projects they are part of. This makes it harder for users to understand their context in the app and navigate to project-specific work.

Suggested Solution

Implement a new Projects section in the YakShaver Desktop app, based on the designer’s walkthrough, that lists all projects a user is a part of.

Acceptance Criteria

Acceptance Criteria defines the requirements that must be met for the story to be completed. This is WHAT must be done.

See https://www.ssw.com.au/rules/acceptance-criteria.

1. A "Projects" section is available in the YakShaver Desktop app UI.
2. The Projects section lists the projects the signed-in user is a member of.
3. When the user has no projects, the Projects section displays an appropriate empty state.
4. The Projects section matches the designer’s intended layout and styling.

Tasks

Tasks help developers to track small bits of work needed to meet the ACs. This is HOW the work will be done.

• Locate the designer’s source of truth for the Projects section (e.g. mockups/specs) and link it in this issue.
• Add a Projects section entry point in the app UI.
• Implement data retrieval for the signed-in user’s projects.
• Render the list of projects in the Projects section.
• Implement an empty state for users with zero projects.
• Add UI tests for the Projects section.

More Information

This PBI was requested after a designer walkthrough proposing a new Projects area.

Screenshots

Thanks!