Airbnb clone

About

The is a light clone of airbnb built with Next JS and Tailwind CSS.

Users can enter something into the search field, which opens up the date-picker. At the moment there is just dummy data coming from a mock API so the search page it routes to always has the same info, but I'll update this later.

Dependencies used:
- icons from heroicons
- tailwind-scrollbar-hide to hide the scrollbar in the 'Live Anywhere' section.
- As soon as something is typed into the search field, a date ranger picker pops up. This comes from react-date-range.
- date-fns for date formatting.
- bar-of-progressto indicate to the user that the page is loading after they've clicked the search bar.
- mapbox for the map.
- react-map-gl as a wrapper for mapbox.
- geolib to center the map.

Screenshots