Skip to content

abdullahal5/Next-Level-Web-Dev-Assignment-5

Repository files navigation

Hotel Relax Live

Note: Use the following credentials to access the admin and user features:

  • Admin Credentials:
    • Email: admin123@gmail.com
    • Password: 12345678
  • User Credentials:
    • Email: abdullahalfahin183@gmail.com
    • Password: 12345678

Our Hotel Relax simplifies the entire room booking process, allowing guests to effortlessly reserve accommodations that fit their preferences. With our intuitive and user-friendly interface, customers can find and book a room with ease, ensuring a smooth and enjoyable experience from start to finish. Whether searching for a cozy single room or a luxurious suite, our platform caters to all needs, making travel planning seamless and stress-free.

Table of Contents

Prerequisites

Before you begin, ensure you have met the following requirements:

Technology

This project uses the following technologies:

  • [reactjs] : A frontend framework.
  • [typescript] : JavaScript with syntax for types.
  • [redux] : For state management
  • [tailwindcss] : For style react component
  • [aamarpay] : payment service, for paying booking

Installation

Instructions on how to install the project.

# Clone the repository
git clone https://github.com/abdullahal5/Next-Level-Web-Dev-Assignment-5.git

# Navigate to the project directory
cd Next-Level-Web-Dev-Assignment-5

# Install dependencies
npm install

# Start the project
npm run dev

Features →

User Features

User Registration and Authentication

  • Sign Up and Log In: Register and log in using email and password.

Room Search and Filtering

  • Search Room: Find rooms based on type, features and seats.
  • Filter Options: Refine search results by price range, and type.

Room Details and Booking

  • View Room Details: Access comprehensive information about each room, including images, descriptions, and specifications.
  • Check Availability and Book: Verify room availability and book.

Booking Management

  • Manage Bookings: View and manage bookings.

Pricing and Payment

  • Secure Payment Processing: Process payments securely with amaarpay payment methods.

Responsive Design

  • Multi-Device Access: Use the app on mobile, tablet, and desktop devices.

Admin Features

Admin Dashboard

  • View Key Metrics: Access metrics such as total users, rooms, and revenue.
  • View Revenue of Each Room by Chart: All Revenue of each room by a chart

Room Management

  • Manage Listings: Add, update, or remove room listings.
  • Update Room Details: Manage room availability, pricing, and features.

Booking Management

  • Manage All Bookings: View and handle all user bookings.
  • Approve or Reject Requests: Process booking requests.

User Management

  • Assign Roles and Permissions: Set different access levels for admin roles.

Contacts

For any inquiries or support, please contact us:

Feel free to reach out for any questions or feedback regarding the Room Booking Web App. I'm here to help!