HowHouse,最優質的訂房網站
作品介紹
HowHouse,為旅人提供優質的住宿休息選擇
- 首頁
- 使用者可以看房間列表
- 可以選擇下訂的房型、時間(超過 90 天、已無空房的日期不可選)
- 房間細節頁
- 使用者可以看房間細節(包含行事曆假日、非假日價錢)
- 可以選擇下訂的房型、時間
- 下訂單頁
- 使用者可以確認房間時間、價錢等訊息
- 使用者可以下訂單
- 下訂成功頁
- 使用者可以確認下訂成功的資訊
- 使用者可以前去付款 (藍新金流)
使用技術
- 切板相關
- SCSS
- tailwind
- 框架相關
- vue 2.6
- vue router
- vuex
- nuxt: server side render
- 套件使用
- axios
- moment
- vue2-datepicker
- vuex-map-fields
- 程式碼風格管理
- ESLint
- Prettier
- StyleLint
- 上板相關
- Github git service
- vercel
環境建構
# install dependencies
$ npm install
# serve with hot reload at localhost:3000
$ npm run dev
# build for production and launch server
$ npm run build
$ npm run start
# generate static project
$ npm run generate
其他
本網站採用 The F2E - 前端修練精神時光屋 活動釋出的設計稿
後端 API,除了用該活動平台提供的 API(取得房間資訊、訂單資訊,以及能送出與刪除訂單) 也用了政府提供的行事曆公開資料
更多細節,請看 wiki