Create A "Holiday Packages" gallery Page

rahman-ashik commented 3 years ago

We will use this fake api: https://fake-hotel-api.herokuapp.com/api/hotels We will fetch data from this API and render it in card views on the gallery page.

[x] Create a new page with and add the same Navbar and Footer Section.
[x] Create a card component which will show:
"name": "Sample Package name", "country": "Azerbaijan", "city": "Marvinmouth", "totalDays": "3 days in Marvinmouth", "price": 485, "rating": 3.898337482290196,
[x] Add the card with dummy values on the Gallery page
[x] Map the Cards with useEffect hook to render all the countries in this API: https://restcountries.eu/rest/v2/all

MushfiqPlabon commented 3 years ago

screencapture-localhost-3000-2021-08-20-22_49_24 I tried to add frosted glass background but CSS frameworks seem to keep interfering.

MushfiqPlabon commented 3 years ago

Take a look at components/Gallery and pages/Packages. The code generates Card components but does not display the data.

rahman-ashik / BookingApp