Welcome to membership-airbnb 👋

2019 BoostCamp Membership Mission 4

client directory structure

client
├── 📂 public
|   ├── 📄 airbnb-logo.ico
|   ├── 📄 index.html
|   └── 📄 manifest.json
└── 📂 src
    ├── 📂 components
    |   ├── 📂 container
    |   |   ├── 📄 RoomCard.js
    |   |   └── 📄 Star.js
    |   ├── 📂 filter
    |   |   ├── 📂 popup
    |   |   |   ├── 📄 DateFilter.js
    |   |   |   ├── 📄 GuestFilter.js
    |   |   |   ├── 📄 OptionFilter.js
    |   |   |   ├── 📄 PriceFilter.js
    |   |   |   └── 📄 TypeFilter.js
    |   |   ├── 📄 FilterButton.js
    |   |   ├── 📄 FilterElements.js
    |   |   └── 📄 FilterPopup.js
    |   ├── 📂 header
    |   |   ├── 📄 Navigation.js
    |   |   ├── 📄 SearchBar.js
    |   |   └── 📄 SearchIcon.js
    |   ├── 📄 Container.js
    |   ├── 📄 Filter.js
    |   └── 📄 Header.js
    ├── 📂 img
    |   └── 📄 airbnb-logo.ico
    ├── 📂 style
    |   └── 📄 dateFilter.css
    ├── 📄 App.js
    ├── 📄 index.css
    ├── 📄 index.js
    ├── 📄 serviceWorker.js
    └── 📄 setupProxy.js

server directory structure

server
├── 📂 bin
|   └── 📄 www
├── 📂 config
|   └── 📄 config.js
├── 📂 dummy
|   └── 📄 room-data.js
├── 📂 middlewares
|   ├── 📄 auth.js
|   ├── 📄 passport.js
|   ├── 📄 reservation.js
|   ├── 📄 room.js
|   └── 📄 user.js
├── 📂 models
|   ├── 📄 index.js
|   ├── 📄 reservation.js
|   ├── 📄 room.js
|   └── 📄 user.js
├── 📂 routes
|   ├── 📄 index.js
|   ├── 📄 login.js
|   ├── 📄 logout.js
|   ├── 📄 reservation.js
|   └── 📄 room.js
├── 📂 seeders
|   └── 📄 20191016054017-room.js
└── 📄 app.js

.env에서 사용하는 환경변수

DB_USERNAME=
DB_PASSWORD=
DB_DATABASE=
DB_HOST=
GOOGLE_CLIENT_ID=
GOOGLE_CLIENT_SECRET=
JWT_SECRET=

API

• ROOM API
• RESERVATION API

Priview

메인 화면 (로그인 하지 않은 경우)

메인 화면 (구글 로그인 한 경우)

날짜 필터 클릭

인원 필터 클릭

숙소 유형 필터 클릭

가격 필터 클릭

필터 추가하기 필터 클릭

🏠 Homepage

Install

server

cd server
npm install
sequelize db:seed:all

client

cd client
yarn

Run

server

cd client
yarn start

server

cd server
npm start

Version

npm 6.9.0
node 10.16.3
mysql 8.0.17
sequelize 5.19.6

Author

👤 hzoou (Woo hyeju)

• Github: @hzoou

🤝 Contributing

Contributions, issues and feature requests are welcome!
Feel free to check issues page.

Show your support

Give a ⭐️ if this project helped you!

📝 License

Copyright © 2019 hzoou (Woo hyeju).
This project is ISC licensed.

---

This README was generated with ❤️ by readme-md-generator