Booking.com Mern with Admin Dashboard

Booking.com-Mern-with-Admin-Dashboard

Booing.com のように Booking.com

アプリのサポート

• レスポンシブデザイン。
• 世界各地の客室、アパートメント、リゾート、キャビンを選択/予約します。
• 日付（何日間滞在するか）、場所、完璧な部屋に何人の子供がいるかを選択します。
• 選択した国の中で完璧な部屋をフィルタリングして検索します。
• 写真と説明、合計料金を含む部屋のレビュー。
• メールによる部屋予約、選択した日付、部屋数、ホテルまたはリゾート名。
• CRUD 操作用の管理者ダッシュボード (ユーザー、ルーム、管理者、予約済みルーム)。
• 管理者認証、アプリ認証（一般ユーザー向け）。
• コンテキストAPI。
• 管理者ダッシュボードからデータベースを更新、作成、取得、すべて取得、削除します。
• adminDashboard のデータ分析は、予約された部屋からの月ごとの総収益を視覚化します。

ホームページ

book.1.selected.mov

国、日付、家族/部屋の数を選択し、REST API を介して結果をフィルタリング/検索します

予約.2.mov

予約期間中の宿泊料金、部屋の詳細、選択した予約日

bok3.mov

管理者ダッシュボード ホテルの部屋の予約とデータベースの CRUD 操作による月収を決定します。

admin.bk.1.mov

ナイトモード

ログイン

フィルタリングと検索

ユーザーデータベースのCRUD操作

ホームページ

始め方

1- API ファイルに .env を作成します

• パスワードハッシュ用の SECRET_KEY (暗号化されたパスワード)
• mongodb アカウントを作成し、MongoDb の .env MONGO_URL で API (データベース アクセス用) を使用します。
• Web トークンの JWT_SECRET 2 - 管理者ファイル用のメディア クラウド データベースの Cloudinary アカウントを作成します
  3- 各ファイルに進みます Admin、Api、Client
  

 npm install && npm start