As a travel enthusiast
I want to see a list of possible travel destinations
so that I can get inspired where to travel next.
Description
Acceptance criteria
[ ] a list of travel destinations is displayed
[ ] every list item has the same size
[ ] the app name is visible at the top in an elipses form with red background
[ ] every country has the same background color and the same border
[ ] if the items don't fit on the display the page can be scrolled vertically
Tasks
[ ] create branch "feat/country-list"
[ ] create lib folder with db.js file
[ ] create array with 5 countries [{id:1, land: "Österreich"}]
[ ] create card component (< ul > & < li > Array-Method "map")
[ ] add a small styling to the card component (text-decoration, border, flex-box)
[ ] add it to index.js as component
[ ] create a app name component and add the styling (border, background-color)
[ ] add it to index.js as component
[ ] test: are all items shown
Value proposition
As a travel enthusiast I want to see a list of possible travel destinations so that I can get inspired where to travel next.
Description
Acceptance criteria
[ ] a list of travel destinations is displayed [ ] every list item has the same size [ ] the app name is visible at the top in an elipses form with red background [ ] every country has the same background color and the same border [ ] if the items don't fit on the display the page can be scrolled vertically
Tasks
[ ] create branch "feat/country-list" [ ] create lib folder with db.js file [ ] create array with 5 countries [{id:1, land: "Österreich"}] [ ] create card component (< ul > & < li > Array-Method "map") [ ] add a small styling to the card component (text-decoration, border, flex-box) [ ] add it to index.js as component [ ] create a app name component and add the styling (border, background-color) [ ] add it to index.js as component [ ] test: are all items shown