USER STORY: Navigation Bar

[taylorpapke]

As a student, I will want to have a simple way to navigate the app to find clothes so that I can spend less time searching for what I am specifically looking for.

• Products menu added to navigation.
  - Product categories added as submenus for products menu (jeans, coats, etc.).
  - Products menu will redirect to home page where all categories are shown.

Documentation

https://developer.android.com/jetpack/compose/components/scaffold
https://developer.android.com/jetpack/compose/components/app-bars

Tutorials

https://www.youtube.com/watch?v=EqCvUETekjk

[Annelisebx]

The Home Screen and Product Details page are already created, correct? I will be creating an extra layer that further organizes all products by category.

[taylorpapke]

Sorry @Annelisebx for not responding to this earlier. This user story is strictly in regards to creating a navigation bar with a products menu link. The link should be a dropdown with the category submenus which should link out to the products screen where all the clothing items for that category can be found.
It would also be nice if clicking products itself would return directly to the home page while maybe a down arrow next to it could be the dropdown with submenu items. We should probably refer to material 3 to find a better standard for this as I am not so sure. do you have any thoughts on how this should be implemented?

[Annelisebx]

@taylorpapke Should this navigation bar be accessible on all 3 screens? (Home, Products, and Product Details)

[taylorpapke]

@Annelisebx yes, I think so. What do you think? I don't have a clear requirement from the client on this yet so it's up for debate.

[taylorpapke]

@Annelisebx I think a good reference for this is user story SeattleColleges/nsc-events-android#58 on nsc-events and what @kkennedy-gh did here in PR https://github.com/SeattleColleges/nsc-events-android/pull/85/files. We can probably just do something like this and make the small changes to fit our requirements for Belindas. I updated the title and some of the resources above.

[taylorpapke]

@Annelisebx I’m reducing the scope of this user story a little bit as there is a lot to this one. Let’s just do the creation of the navigation bar for each page with the product menu icon and back buttons where needed. We can make another user story to deal with adding product category links to the menu icon (lets only worry about making the back buttons functional for now). This will allow me to get more feedback from the client on what exactly they want before we proceed any further. I’ve edited the user story above.

[taylorpapke]

Hi @Annelisebx, the following screens currently don't have nav bars on them:
Update.kt:

IndividualProductUpdate.kt:

Login.kt:

ForgotPassword.kt:

SignUp.kt:

Home.kt:

AddProduct.kt:

Have you started on any of these?

Let's give @MuhammadNSC and @kaimanasse15 each a screen to work on.

[MuhammadNSC]

Hi all! I'm going through the workflow of this Issue to get an idea of what has been done so far. Let me know that screen that still needs work done

[taylorpapke]

@Annelisebx @kaimanasse15 @MuhammadNSC I went ahead and updated the diagram above to better show what this user story should be accomplishing for all of the pages in the app.

[Annelisebx]

Create Issue 194 for adding navigation elements to 'update' pages