https://github.com/gameonn/react-windbnb
Windbnb Dev Challenge
https://github.com/gameonn/react-windbnb
css css-modules reactjs
Last synced: 3 months ago
JSON representation
Windbnb Dev Challenge
- Host: GitHub
- URL: https://github.com/gameonn/react-windbnb
- Owner: Gameonn
- Created: 2021-11-07T15:36:04.000Z (over 3 years ago)
- Default Branch: master
- Last Pushed: 2022-10-01T05:20:12.000Z (over 2 years ago)
- Last Synced: 2025-01-17T03:47:11.441Z (5 months ago)
- Topics: css, css-modules, reactjs
- Language: JavaScript
- Homepage:
- Size: 5.17 MB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## React WindBnB
Create a small version of Airbnb - Windbnb with sample data using React JS.
## Table of Contents
- [Overview](#overview)
- [Demo](#demo)
- [Built With](#built-with)
- [Features](#features)
## Overview
- Solution for the challenge [Windbnb](https://devchallenges.io/challenges/3JFYedSOZqAxYuOCNmYD)
- Mobile first approach.
- Hover effect on stays.
- Screenshot: [Desktop Screenshot](https://user-images.githubusercontent.com/6601996/192210199-2b143fcc-7f48-4d57-a5e4-448221896d79.png)
## Check the demo
- [Version 1](https://windbnb-dev.netlify.app/)
- [Version 2](https://windbnb-v2.netlify.app/)
### Built With
- [React](https://reactjs.org/)
- [Css Modules Components](https://github.com/css-modules/css-modules)
## Features
- User story: I can see a list of stays
- User story: I can see the stay card with a title, screenshot, rating, apartment type, beds and super host
- User story: I can open the filter drawer
- User story: I can filter stays 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