TIER 2: E-Commerce Stretch (Click Me! for more details)

[Ianloschins]

AS A USER (NOT LOGGED IN), I WANT TO BE ABLE TO:

1. All website features usable no matter my device type (phone, tablet, laptop, desktop)

2. UI tailored to my device size (phone, tablet, laptop, desktop)

3. Navigate the website successfully regardless of ability.

   Resources:

   • https://www.a11yproject.com/checklist/
   • https://webaim.org/resources/contrastchecker/

4. Know when content is loading or if there is an error, so I can manage my expectations as a user

   Examples:

   • Show loading indicators while the frontend is waiting for a backend response.
   • If I visit a product page that does not exist, notify me and give me a link to go to a list of all products or back to the previous page.

5. Enhance shopping cart functionality.

• When I open the browser on a different device and log in, I want to see those items in my cart (Requires persistent DB and API)
• No one else should be able to edit my cart except me (Requires persistent DB and API)

• There are two more experiences to consider here. Explore your favorite websites to see what the intended behavior is for the following cases:

  Guest-only: I do not want to create an account, but I want my cart to persist between browser refreshes. (Requires custom back end (DB and API) OR localStorage)

  Guest-to-logged-in-user: Initially, I am not logged in, and I add items to my cart. When I eventually log in, I want to see those same items I added when I was logged in still in my cart, in addition to the items I may have had in my cart from a previous logged-in session. (Requires custom back end (DB and API) OR localStorage)

6 .Add a real Stripe API to the checkout workflow (Requires custom back end (DB and API) OR localStorage)

7. Write a review for a product. This can be a modal, an on-page form, or a rating icon (Five Stars)

[Ianloschins]

AS A USER (LOGGED IN), I SHOULD BE ABLE TO:

1. Remain logged in on separate sessions. (Requires custom back end (DB and API) OR localStorage)

2. See my order history to remember my previously purchased items and their prices at the time of purchase. (Requires custom back end (DB and API) OR localStorage)

3. View and edit my user profile so I can update my information when necessary. (Requires custom back end (DB and API) OR localStorage)

4. Product reviews should be associated with the correct user. (Requires custom back end (DB and API) OR localStorage)