hackforla / hackforla/HomeUniteUs

Global NavBar - Desktop, Tablet

Open
#493 11 comments 0 reactions 0 assignees View on GitHub
Common Complexity: Medium i-Interface: Coordinator Interface i-Interface: Guest Interface i-Interface: Host Interface p-Feature: Global Navbar Ready for: Product Team Member Role: PM Section: 1 Section: 2 Section: 3 Section: 4 size: 3pt
Dominant language
Python
Stars
45
Forks
22
Avg merge
15d 1h
Merged PRs (30d)
1

Description

### Problem Alignment

#### The Problem:

Home Unite Us users (Coordinators, Guests, and Hosts) do not currently have a clear and simple way to navigate to global (i.e., not user specific or section specific) functionality after logging into the Home Unite Us application.

As a result, users cannot access critical functionality within the application, including Settings, Help, and Log Out.

#### High Level Approach:

Provide a simple navigation bar for all users types that links to critical functionality only (Settings, Help, Log Out). This phase will focus on desktop and tablet only, a separate issue will cover mobile.

### Solution Alignment

#### Considerations:

- This phase will only include links for critical functionality, additional functionality will be added in the future (e.g., notifications).
- This phase will include the Home Unite Us logo, future phases may support custom organization logos

#### Goals & Success:

Success is if each user type can easily navigate to critical functionality on desktop and tablet.

#### Key Features:

- Navigation bar
- Left-aligned: Home Unite Us logo
- Right-aligned: Avatar with the user's first and last initial (no photo)

- Dropdown, when the avatar is clicked
-Settings: when clicked, redirect users to a placeholder Settings page
-Help: when clicked, open in a new tab: https://github.com/hackforla/HomeUniteUs/wiki/Home-Unite-Us-User-Guide
-Log Out: when clicked, redirect users to the Home Unite Us home page (homeunite.us)

#### Design:

- [x] #493
- [x] Edit existing designs as needed
- [x] Designs are edited and ready for engineering.

#### Branding:

Use the Home Unite Us logo

#### Known Limitations:

- This issue doesn't include mobile, a separate issue will include mobile

#### Team Reviews:

- [x] Product - Bryce
- [x] Design - Ed
- [x] Engineering - Erik

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.