Value Proposition

As a user
I want to see all details of a article
so that I can better decide for a purchas
​

Description

​

Acceptance Criteria

• the article card should have a "I" icon
• all details should be displayed by clicking on the "I" icon
• the article page with all details should contain the following details:
  image, Artikel, Preis, Größe, Geschlecht, Zustand, Tierhaushalt, Raucherhaushalt, kurze Beschreibung, Entfernung
• the article details page should hav it`s own headline "Artikel"
• the article details page should have a icon "X" for closing the details and go back to homepage
  ​

Tasks

• create a feature-branch
• create a articleDetails page
• create a icon with a link to the articleDetails
• the articleDetails should display in a new page (Modal)
• link the icon to the articleDetails
• render all details at articleDetails
• create an "X" icon to close the page and go back to homepage
  ​

Complexity

L

Value proposition

As a user
I want to save my favorite articles
so that I have a page with a overview of my favorite articles.

Description

Acceptance criteria

• each article card has a favorite button
• by clicking the favorite button the article is saved on the "Merkliste" page
• by clicking the favorite button again the article card will be removed from the "Merkliste" page
• the navigation bar should have an icon for the "Merkliste" page for the navition to this page

Tasks

• create a feature-branch
• create a "Merkliste" page
• add an icon for the "Merkliste" page to the navigationbar
• link the "Merkliste" page with the icon
• add a toogle icon to the article cards
• create a toogle function
• add a headline to header

Complexity

L

Value proposition

**As a **user
I want to select the size
so that I can't enter a wrong value

Description

Acceptance criteria

• the "verkaufen"page should have a dropdown selection for the size
• the dropdown should have all baby and children sizes to choose from

Tasks

• create a feature-branch
• create dropdown for the size at "verkaufen" page
• add all sizes as select option

Complexity

S

Value proposition

**As a ** user
I want to have my articles on a separate page
so that I have an overview over my articles.

Description

Acceptance criteria

• the navbar should have an additional button "Meine Artikel"
• the headline of the my articles page should say "Meine Artikel"
• the page with my articles should display only my article cards
• the article cards should have an icon "I"
• all details should be displayed by clicking on the "I" icon
• the navbar button "Meine Artikel" should be linked with "Meine Artikel" page

Tasks

• create a feature-branch
• create a myArticles page
• create a new button "Meine Artikel" in the navbar
• link the button to myArticles page
• filter by author and display my article cards
• link the icon "I" to the details page

Complexity

M

Value proposition

As a user
I want to delete my article card
so that I can remove articles from my article list

Description

Acceptance criteria

• the details page of my articles should have a delete button
• the delete button leads to a modal which asks "willst du deinen Artikel wirklich löschen"
• the modal should have two buttons "löschen" and "abbrechen"
• by clicking "löschen" the article should be deleted and the user will be redirected to the "my article" page
• by clicking "abbrechen" the modal should close (without delete) and go back to "my details" page

Tasks

• create a feature-branch
• create a delete button "löschen"
• create a DeleteArticle modal component
• link the delete button to the modal component
• create "abbrechen" and "löschen" button in the modal component
• create delete function on submit the löschen button
• link the "abbrechen" button to the details page
• link the "löschen" button to the "Meine Artikel" page

Complexity

S

Value proposition

As a user
I want to see all offered articles
so that I can find a list with articles I want to buy.

Description

Acceptance Criteria

• the site should has a header with the app name
• all article cards should displayed in a list
• the latest article is on the top
• every card has a image and a few details of the articles (image, article name, size, gender, price)

Tasks

• create Header component
• create a fake data file (db.json)
• create Article component with image, article name, size, gender, price
• fetch the fake data and display it on the page

Complexity

M

Value proposition

As a user
I want to edit my article entries
so that I can update or correct the entries

Description

Acceptance criteria

• the details page of my articles should have an edit button
• by clicking the edit button leads to the editable form
• the form should contain the previous entries
• by clicking the "akutalisieren" button I get to details page
• the article details page should have an icon "X" for closing the edit page and go back to details page

Tasks

• create a feature-branch
• add an edit button to my aritcle details page
• link the edit button to the editable form
• fill the form with the previous entries
• link to the details page after the submit
• create an "X" icon to close the page and go back to details page
  ​

Complexity

M

Value proposition

As a user
I want to add an image of my article
so that I can show the article to the potential buyer

Description

Acceptance criteria

• the "verkaufen" page should have an optional upload image option
• the "editieren" page should have an optional upload image option for replacing the current image
• the image should be displayed at the article cards and article details

Tasks

• create a feature-branch
• add an image upload icon to "verkaufen" and "editieren" page
• create a upload image function by clicking the icon

Complexity

L

Value proposition

As a user
I want to submit my entered article
so that the article is displayed for potential buyers

Description

Acceptance criteria

• the ArticleSell page should have a sell button

• by clicking the button the entries should be saved in local Storage

• go to homepage when clicking

• the homepage should displayed the new created article

Tasks

• create a feature-branch
• create a sell button
• create onClick function to save the entries in local Storage
• link the button to the homepage

Complexity

S

Value proposition

**As a **user
I want to search for articles
so that I can find quickly the articles I am looking for

Description

Acceptance criteria

• the app should have a search page
• the search page should have searchbar
• you should be able to search for the article name
• when typing the article name you should see the results below the serchbar
• if the serachbar is empty all articles should be displayed

Tasks

• create a feature-branch
• create a search page
• create searchbar component
• add props from the component to the homepage
• add the search function to the searchbar

Complexity

L

Value proposition

As a user
I want to see the seller contact informations
so that I can contact the seller tu purchase the article.

Description

Acceptance criteria

• the ArticleDetails should have a contact button

• by clicking the button a modal will displayed

• the contact popup should have the seller name, a phone number with trigger and a email adress with trigger

• the contact page should have a close icon "X" for closing the contact informations and go back to article details page

Tasks

• create a feature-branch
• create a contact button
• create a contact modal window
• link the button to the contact informations
• create an icon to close the page and go back to ArticleDetails
• add a hyperlink to phone (tel:...) that allow call directly with the mobile phone
• add a hyperlink to email (mailto:...) that allow send a email directly with the email progarm

Complexity

M

Value proposition

As a user
I want to see a size chart
so that I can choose the right size

Description

Acceptance criteria

• the details page should have an information button next the size
• clicking the button should open size chart
• the size chart should have an icon for close the size chart and go back to the details page

Tasks

• create a feature-branch
• add an icon for size chart information
• create a function to show the size chart in a modal
• add an icon "X" to close the modal and go back to details page

Complexity

M

Value Proposition

As a user
I want to navigate to a sell page
so that I can sell my own articles
​

Description

Acceptance Criteria

• each page should have a navigation bar
• the navbar should have a "Home" and a "verkaufen" button
• the "Home" button should navigate to the home page
• the "verkaufen" button should navigate to the sell page
• the headline of the sell page should have "Artikel verkaufen"
• the sell page should have a form with all details
  • the required details are "Artikel", "Größe", "Preis", "Geschlecht", "Zustand"
  • the optional details are "Tierhaushalt", "Raucherhaushalt" and "kurze Beschreibung
  • the details "Artikel", "Größe", "Preis" and "kurze Beschreibung" are input fields
  • the details "Geschlecht" and "Zustand" are dropdown selections
  • the details "Tierhaushalt" and "Raucherhaushalt" are checkboxes
• the sell page should have a close icon "X" for closing the contact informations and go back to home page

Tasks

• create a feature branch
• create a Navbar component
• put the Navbar component into the layout component
• create a button "Home" and "verkaufen" in the navbar
• create a "artikelVerkaufen" page
• change the headline in "Artikel hinzufügen" (with useRoute)
• add form to the page with following details
  • "Artikel" input field is required
  • "Preis" input field is required
  • "Größe" input field is required
  • "Geschlecht" select option is required
  • "Zustand" select option is required
  • "Tierhaushalt" checkbox is optional
  • "Raucherhaushalt" checkbox is optional
  • "kurze Beschreibung" textarea is optional
  • "Preis" number input is required
• create an icon to close the page and go back to homepage
  ​

Complexity

L

Value proposition

**As a **user
I want a clear and readable context with a clear button-style
so that I can easily navigate through the app.

Description

Acceptance criteria

• the pages should have margin and padding
• the images should be responsive
• the buttons should have unique icons
• the pages, buttons, fonts should be easily readable
• the navbar should displayd the page location

Tasks

• create a feature-branch
• create styled components for header, navbar, pages, buttons, icons
• add style for the components
  • change font
  • change background color
  • change background color for article cards
  • change button icons and style
  • add curser pointer to buttons
  • change navbar style
  • change header style
  • change modal style
  • change hyperlinks style

Complexity

L