US 1 - Marketplace

[DavevonH]

Value proposition

As a user I want to see a list of current starship for sale so that I can have an overview of the market

Description

Acceptance criteria

• [ ] On the top of the page the user can see the title of the app "Starship Basar" and the page name "Marketplace"

• [ ] Then the user can see a list of starships which are available for sale

  • The list has two columns
  • The list is vertically scrollable

• [ ] Each displayed Starship shows:

  • Name of the Starship
  • Picture of the Starship

• [ ] If there is a loading error, the page will show the following message "Sorry, something went wrong. 404 Page not found! Please try again later!"

Tasks

• [ ] Create the feature branch "marketplace"

• [ ] Create a database in MongoDb

• [ ] Fetch the list of the starships from MongoDb

  • [ ] Implement the "errorHandling", if there is an issue loading the data from MongoDb

• [ ] create a component called "AppTitle"

• [ ] create a component called "Marketplace"

• [ ] Create the component "StarshipCard" which renders

  • name of the starship
  • picture of the starship

• [ ] Create the component "StarshipList" which maps trough the fetched list of starships and renders the "StarshipCard" component for each starship

• [ ] Render the components in the marketplace.js

Data structure:

const starship = { _id: String,hhh name: String, model: String, manufacturer: String, default_cost_in_credits: Number, max_atmosphering_speed: String, passengers: String, cargo_capacity: String, starship_class: String, image: String }

[ahohnsen]

Well done 👍

Just a tiny recommendation:

It's great that you will implement an error message, if there is a problem loading the data. I think, it would be nice to also give instructions to the user in that message, e.g.: Please try again later. 🙂

[e-rmkt]

Very well done! Looks great and works as expected! Can't wait to buy my first spaceship! ;D