User pages

It's now time to discuss the user page—what should the user see once they sign into our application? Here is what they should see:

  • Their name in the navigation menu, with an option to Sign out
  • A list of their existing orders

Let's explore how this looks.

The navigation menu should change to look like this:

It now allows to navigate to a page called My Orders, which will show the user's previous orders. The other difference is that instead of a Sign In button, we now see a Welcome <username> drop-down button. When you click on it, the following option should appear:

This is the Sign Out button, which the user will need to click on to sign out of their session.

Next, let's have a look at the My Orders page:

It's a relatively simple page that shows a list of the user's existing orders.

Now, let's write some code for the orders page.

..................Content has been hidden....................

You can't read the all page of ebook, please click here login for view all page.
Reset
18.219.239.118