Windbnb

Solution for the WindBnB Challenge from Devchallenges.io.

Table of Contents

• Challenge
• Solution
  • Demo
  • Demo Screenshots
  • Built With
• How to Use
• Acknowledgements

Challenge

Challenge: Create a small version of Airbnb - Windbnb with given data. Use Front-end libraries like React or Vue.

Fulfill user stories below:

• User story: I can see a list of properties
• User story: I can see the property card with a name, rating, apartment type, and super host
• User story: I can open the filter drawer
• User story: I can filter properties by location and number of guests
• User story: I can see the number of filtered items
• User story: I can see pages following given designs

Solution

Demo

Find the website in action here!

Demo Screenshots

Home Page

Filter By Location

Filter By No.of Guests

Filter-Results

Mobile View

Built With

• React

How To Use

To clone and run this application, you'll need Git and yarn. From your command line:

# Clone this repository
$ git clone https://github.com/anuva312/WindBnB-devChallenges

# Install dependencies
$ yarn install

# Run the app
$ yarn start

Acknowledgements

• The pictures used in the Demo have been downloaded through Google Search, I do not own any of them.