Loading repository data…
Loading repository data…
dhivya-shreetha-s / repository
🏨 Hotel Room Reservation System — A modern full-stack web app for seamless hotel bookings 💳. Guests can browse and reserve rooms easily, while managers 🧑💼 manage inventory and bookings through an intuitive dashboard. Built with ⚛️ React, 🎨 Tailwind CSS, and 🗄️ Supabase, deployed on 🌍 Netlify for speed and scalability.
A transparent discovery signal based on current public GitHub metadata.
This score does not audit code, security, maintainers, documentation quality, or suitability. Verify the repository and its current documentation before adoption.
The Hotel Room Reservation System is a web-based application designed to simplify and automate the hotel booking process. It provides an interactive and user-friendly interface for guests to browse available rooms, make reservations, and for hotel managers to manage room inventory and bookings efficiently.
##🌐 Project Information
🔗Live Demo:
https://lovable.dev/projects/74b713e4-9a66-4cb9-b240-86fb8964056d
🧠Tech Stack:**
React, TypeScript, Vite, Tailwind CSS, ShadCN UI, Supabase.
⚙️Technologies Used
⚛️ React – Component-based frontend library for building interactive UIs
🧩 TypeScript – Ensures type safety and enhances maintainability
⚡ Vite – Fast build tool with lightning-quick HMR for modern web apps
🎨 Tailwind CSS – Utility-first CSS framework for custom responsive designs
🧱 ShadCN UI – Pre-styled and accessible UI components
🗄️ Supabase – Backend-as-a-Service (BaaS) for authentication and database management
🧰System Requirements
Before running the project, ensure the following are installed on your system:
-🟢 Node.js (v16 or higher)
-📦 npm (Node Package Manager)
-🧑💻 Git
🚀Follow these steps:
🪜Step 1: Clone the repository using the project's Git URL.
git clone <YOUR_GIT_URL>
📁Step 2: Navigate to the project directory.
cd <YOUR_PROJECT_NAME>
⚙️Step 3: Install the necessary dependencies.
npm i
🧑💻Step 4: Start the development server with auto-reloading and an instant preview.
npm run dev
✏️Editing the Project
Option 1:Using Your IDE
-Open the project folder in your preferred IDE (e.g., Visual Studio Code).
-Modify the source files under the src directory as required.
-Save your changes — the development server will automatically reload to reflect updates.
Option 2: Edit Files Directly on GitHub
-Open your GitHub repository.
-Navigate to the file you want to edit.
-Click the Edit (✏️) button on the top-right corner.
-Make your changes and commit them to the repository.
Option 3: Using GitHub Codespaces
-Go to your GitHub repository main page.
-Click Code → Codespaces → New Codespace.
-This launches a development environment in your browser.
-Edit, preview, and commit changes directly within the Codespace.
##🌍 Deployment
This project can be deployed using Netlify or any static hosting service that supports Vite-based React applications.
##🚢 Steps to Deploy on Netlify:
-Log in to https://www.netlify.com
-Click Add New Site → Import from Git.
-Connect your GitHub account and select your repository.
-Set the build command as npm run build and the publish directory as dist.
-Click Deploy Site✅.
-After deployment, you can connect your custom domain under:
-Site Settings → Domain Management → Add Custom Domain