Skip to content

User Stories

Jump to bottom
Carmen edited this page Apr 8, 2024 · 17 revisions

BASIC FUNCTIONALITY

Index Page

As a user on the index page, I should be able to:

  • See a header across the top with:
    • Logo
    • Navigation menu:
      • Shop
      • Inspire
      • Sell
    • Icon group:
      • Search icon
        • Opens a search modal
      • Profile icon
        • Dropdown if I'm not logged in:
          • Login link
          • Sign Up link
        • Dropdown if I'm logged in:
          • Hey, [username]!
          • Profile link
          • Log out link
      • Shopping cart icon
  • See a photo carousel:
    • Shop
    • Inspire
    • Sell
  • See the latest plant listings in a grid format with a link that says MORE..., which goes to the SHOP page

LISTINGS

Users should be able to view all plant listings

As a user on the SHOP page, I should be able to:

  • See that I'm on the SHOP page, along with a one-liner of what to expect (e.g., Buy plants from fellow plant enthusiasts!)
  • See a grid with a maximum of 4 listings across and 3 rows of listings, displaying:
    • Plant picture (landscape)
    • Plant name
    • Price
    • Seller username
    • Seller review average and total number of reviews
  • Click on each card to go to its individual plant listing
  • Click on "SEE MORE" to see more listings, if there are more than the 12 shown

Users should be able to view each listing by ID

As a user on an individual listing page by ID, I should be able to:

  • See a sub-navigation to show that I'm on Home > Shop > [Plant Name]
  • See the listing image on the left
  • See listing details on the right of the image, including:
    • Plant name
    • "from [seller username]" with seller review average and total number of reviews
    • Price
    • Description
    • Pot size, with a dropdown of the pot sizes available for the buyer to choose from
    • Quantity, with a - + to allow buyer to choose the quantity
    • Add to Cart button
  • Horizontal line to end the section
  • Linked Guides section, if the seller included at least one guide to the listing, which includes:
    • Sub-header: Linked Guides
    • Wide image of the guide
    • Guide title is placed over the image on the bottom
  • Horizontal line to end the section
  • Meet the seller section, which includes:
    • Sub-header: Meet [Seller Username], with username linked to user profile
    • User image on the left
    • User profile on the right:
      • Location
      • Member Since: [Month Year]
      • Shop description

Users should be able to add a listing

To add a listing, I must be signed up as a seller account. With a seller account, I can find the MANAGE SHOP page linked in the profile dropdown and the SELL page. On this page, there is an option to ADD LISTING, allowing me to:

  • Fill out an ADD LISTING form, which includes the following fields:
    • Plant name
    • Description
    • Pot size
    • Quantity available
    • Image
    • Linked guides (optional)
  • Be redirected to the individual listing page upon successful creation
  • See the listing on my profile and shop pages

Users should be able to edit a listing

To edit a listing, I must own the listing. I can find the MANAGE SHOP page linked in the profile dropdown and the SELL page. On this page, there is an option next to each listing to EDIT LISTING, allowing me to:

  • Update a form with the current listing data pre-populated:
    • Plant name
    • Description
    • Pot size
    • Quantity available
    • Image
    • Linked guides (optional)
  • Be redirected to the individual listing page upon successful update, with the new details listed
  • See the updated listing on my profile and shop pages

Users should be able to delete a listing

To delete a listing, I must own the listing. I can find the MANAGE SHOP page linked in the profile dropdown and the SELL page. On this page, there is an option next to each listing to DELETE LISTING, allowing me to:

  • Click to delete listing
  • See a modal pop-up where I can click to confirm or cancel the deletion

SHOPPING CART

Users should be able to view all items added to the shopping cart by the current user

As a user, I should be able to click on the shopping cart icon in the header, where a modal pops up on the right, where I can see all the items I've added to the shopping cart:

  • Sub-header: Shopping Cart
  • Listing image
  • Plant name
  • Pot size I've selected
  • Quantity of plants from this listing that I've added
  • Price
  • Checkout button

Users should be able to edit and delete items from the shopping cart

As a user, I should be able to edit and delete items from the shopping cart modal by being able to:

  • Increase or decrease quantity (increase only if there is additional stock available)
  • Click the Delete button to remove the item from the cart

Users should be able to checkout to "purchase" their items

As a user, when I click on the checkout button, I am redirected to the checkout page:

  • On the top, I can:
    • See a sub-navigation to show that I'm on Shopping Cart > Checkout
    • Click on Shopping Cart to edit/delete cart items
  • On the left, I can:
    • Add my shipping address:
      • Address
      • City
      • State
      • ZIP
    • Select my payment method:
      • VIZZA
      • Plastercard
      • Americana Expresso
    • Enter my payment details (4 numbers)
    • Click on PLACE MY ORDER
  • On the right, I can:
    • Review my order:
      • Listing image
      • Plant name
      • Pot size I've selected
      • Quantity of plants from this listing that I've added
      • Total price

Once I click on PLACE MY ORDER, I am redirected to a page that says THANK YOU!

SEARCH AND FILTER

Users should be able to search and filter results

As a user, I should be able to click on the search icon and open a search modal, which allows me to:

  • Input a term that is found in the names and descriptions of listings and guides
  • Click the search button or hit enter, redirecting me to the search results page

On the search results page, I should be able to:

  • Sub-header: Search Results
  • See a FILTER button below the sub-header, where I can filter the results by:
    • Pot size
    • Price
  • See results similar to how they appear on the respective SHOP and INSPIRE pages

PLANT GUIDES

Users should be able to view all plant guides

As a user on the INSPIRE page, I should be able to:

  • See that I'm on the INSPIRE page, along with a one-liner of what to expect (e.g., Learn about plants from fellow plant lovers!)
  • A button that says ADD YOURS????
  • See a grid with a maximum of 4 guides across and 3 rows of guides, displaying:
    • Guide picture (portrait)
    • Title on top of picture
    • Author name (by PlantLover) below title
  • Click on each card to be redirected to the individual plant guide
  • Click on "SEE MORE" to see more listings, if there are more than the 12 shown

Users should be able to view each guide by ID

As a user on a plant guide page by ID, I should be able to:

  • See a sub-navigation to show that I'm on Home > Inspire > [Plant Guide Title]
  • See guide at the center of the page, including:
    • Plant guide title
    • "by [username]"
    • Description
    • Image
    • Content

Users should be able to add a guide

To add a guide, I must be signed up as a user and click on the ADD YOURS button. I will then be redirected to the ADD GUIDE page where I can

  • Fill out an ADD GUIDE form, which includes the following fields:
    • Title
    • Description
    • Image(s)
    • Content (rich text editor/WSYWG)
  • Be redirected to the individual guide page upon successful creation
  • See the guide on my profile and guide pages

Users should be able to edit a guide

To edit a guide, I must own the guide. On my profile page, I can see all the guides I've written, where there is an option next to each guide that says EDIT GUIDE, allowing me to:

  • Update a form with the current guide data pre-populated:
    • Title
    • Description
    • Image(s)
    • Content (rich text editor/WSYWG)
  • Be redirected to the individual guide page upon successful update, with the new details listed
  • See the updated guide on my profile and guide pages

Users should be able to delete a guide

To delete a guide, I must own the guide. On my profile page, I can see all the guides I've written, where there is an option next to each guide that says DELETE GUIDE, allowing me to:

  • Click to delete guide
  • See a modal pop-up where I can click to confirm or cancel the deletion

USER PROFILE

Users should be able to view user profiles

As a user, I should be able to view and edit my profile. When I go to my user profile page, I should be able to:

  • Click on a pencil icon to edit the profile
  • Update a form with the current profile data pre-populated:
    • First name
    • Last name
    • Account type
    • Bio
    • Favorite Plant
    • Profile image
    • Shop description (if a seller account)
  • Be redirected to my profile page upon successful update, with the new details listed
  • View my listings, with the options to edit and delete
  • View my guides, with the options to edit and delete

As a user, I should be able to view other users' profiles, where I should be able to view their:

  • Username
  • First name
  • Last name initial
  • Bio
  • Favorite plant
  • Shop description (if a seller account)
  • Profile image
  • Listings, with cards laid out similarly to the SHOP page
  • Guides, with cards laid out similarly to the INSPIRE page

BONUSES

Seller Reviews

Plant Guide Comments

Order Details

Favorites

Guide Votes

Clone this wiki locally