WindBnb - Airbnb Clone

Solution for a challenge from Devchallenges.io.

Demo | Solution | Challenge

Table of Contents

• Overview
  • Built With
• Features
• How to use
• Contact
• Acknowledgements

Overview

Desktop	Mobile

• Where can I see your demo? here
• What have you learned/improved?
  • Learnt using MUI Modals, state-management using Recoil

Built With

• React
• Recoil
• Vite

Features

This application/site was created as a submission to a DevChallenges challenge. The challenge was to build an application to complete the given user stories.

• 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

Desktop view Modal	Mobile

How To Use

To clone and run this application, you'll need Git and Node.js (which comes with npm) installed on your computer. From your command line:

# Clone this repository
$ git clone https://github.com/Deekshithrathod/dc-fed-3-wind-bnb/tree/main

# Install dependencies
$ npm install

# Start dev server
$ npm run dev

Acknowledgements

• Vite Guide
• React Docs
• Recoil Guide
• Steps to replicate a design with only HTML and CSS
• Node.js

Contact

• GitHub @Deekshithrathod
• Twitter @Deekshithrathod