Reservation Management System

Table of Contents

Details

• 概要
• スクリーンショット
  • Login
  • Dashboard
  • CRUD
• 要件
• データ設計
  • 部屋 (rooms)
  • 利用者 (guests)
  • 利用者詳細 (guest_details)
  • 予約 (reservations)
  • 予約詳細 (reservation_details)
  • 管理者 (admins)
• 構成
  • 言語・フレームワーク
  • Lint
  • テスト
  • CI
  • デザインフレームワーク
  • その他
• Demonstration
• Author

概要

ホテルの予約管理システム

スクリーンショット

Login

Dashboard

CRUD

要件

• 部屋の管理
• 各部屋の現在の予約状況の確認
• 予約登録
  • チェックアウト時間の個別設定
• 利用者の管理
  • 名前/住所/電話番号
• 月毎の売り上げ金額の確認
• 当日の清掃対象(チェックアウト)の部屋の一覧を出力

データ設計

部屋 (rooms)

• 部屋名 (name)
• 最大人数 (number)
• 一泊の金額 (price)

利用者 (guests)

利用者詳細 (guest_details)

• 利用者ID (guest_id)
• 名前 (name)
• カナ名 (name_kana)
• 住所
  • 郵便番号 (zip_code)
  • 住所 (address)
• 電話番号 (phone)

予約 (reservations)

• 利用者ID (guest_id)
• 部屋ID (room_id)
• 利用開始日 (start_date)
• 利用終了日(1泊の場合 = 利用開始日) (end_date)
• チェックアウト時間 (checkout)
• ステータス (status)

予約詳細 (reservation_details)

• 利用人数 (number)
• 支払金額 (payment)
• 部屋名 (room_name)
• 利用者名 (guest_name)
• 利用者カナ名 (guest_name_kana)
• 利用者郵便番号 (guest_zip_code)
• 利用者住所 (guest_address)
• 利用者電話番号 (guest_phone)

管理者 (admins)

• 名前 (name)
• メールアドレス (email)
• パスワード (password)

構成

言語・フレームワーク

• PHP（Laravel）
  • API サーバとして利用
• JavaScript（Vue.js）

Lint

• PHP
  • PHPCS
  • PHPMD
• JavaScript
  • ESLint
• CSS
  • stylelint

テスト

• PHP
  • PHPUnit（単体テスト）
  • Laravel Dusk（e2e）
• JavaScript
  • Jest（単体テスト）
  • Laravel Dusk（e2e）

CI

• Travis CI
  • Lint
  • テスト
• GitHub Actions
  • Lint
  • テスト
  • Deploy
    • GitHub Pages
  • 目次自動生成
  • 開発補助
    • ラベル付与自動化
    • アサイン自動化
    • 依存モジュール更新自動化

デザインフレームワーク

• Vuetify

その他

• 多言語化
• Vuex, SPA
• FullCalendar
• Chart.js

Demonstration

GitHub Pages

• ログイン情報
  • email: test@example.com
  • password: test1234
• APIはモックなので実際の動作と差異があります
  • データの並び順
  • データ検索
  • バリデーションなし

Deployed

• Basic認証の情報が必要な方はSlack等でお問い合わせください

Author

GitHub (Technote)
Blog