Skip to content

README.md

Latest commit

 

History

History
69 lines (51 loc) · 2 KB

README.md

File metadata and controls

69 lines (51 loc) · 2 KB

Motel Room - Customer Portal

A modern, responsive customer-facing website for motel room browsing and services. Built with React.js, this application provides customers with an intuitive interface to browse rooms, and contact the host.

🌟 Features

  • Room Browsing: View available rooms with detailed information and images
  • User Registration: Customer account creation and profile management
  • Search & Filter: Find rooms by date, price, amenities, and room type
  • Real-time Availability: Live updates on room availability

🚀 Live Demo

Live Website: motel.junnio.xyz

📋 Prerequisites

Before running this application, ensure you have:

  • Node.js (v14 or higher) - for development tools
  • Modern web browser (Chrome, Firefox, Safari, Edge)
  • Access to the Motel API backend (see API Repository)

🔧 Installation & Setup

  1. Clone the repository

    git clone https://github.com/Junn1o/motel-room.git
cd motel-room

  2. Install development dependencies (optional)

    npm install

  3. Configure environment settings Create a .env file in the root directory:

    REACT_APP_API_URL="yourapiurl"
REACT_APP_API="yourapiurl"

  4. Serve the application

    npm start

  5. Or using Docker (Recommended)

    # Build and run with Docker
docker build -t motel-room .
docker run -p 3000:80 motel-room

The website will be find as http://localhost:3000

🔗 Related Services

This customer portal works with:

🛠️ Technology Stack

  • Frontend: React.js
  • UI Library: Material-UI (MUI)
  • Styling: Tailwind CSS
  • HTTP Client: fetch
  • Deployment: Docker containerization, Cloudflared tunnel port expose