Kinsley Hotel Room Booking Website

⚙️ Tech Stack

• Vite
• React.js
• Tailwind CSS
• Tanstack Query
• Firebase
• Express
• Node
• Mongodb

⚙️ Npm Pacakages Used

• Swiper Slider
• Axios
• React Hook Form
• AOS
• react-calendar
• react-helmet-async
• react-leaflet
• react-toastify
• jsonwebtoken

🔋 Features

👉 Beautiful Pages: Includes Home, About, Gallery, Rooms, My booked Rooms, Login, Register, Contact

👉 Animations: Engaging effects triggered by mouse movement and scrolling by Animation on scroll.

👉 Responsive: Ensures seamless functionality and full responsive across all devices.

👉 Authentication: Users can register, login with email/password & google.

👉 Rooms Page: Users can view all the Rooms. Filter them by price. Every Room has dedicated Details page.

👉 Single Room: From Single room page users can get detailed information about that room. Users can swipe through room image like a slider. Customer can see others customers review about that room. Also customer can book a room by clicking book now button.

👉 Room Review After booking a room a user can then give a feedback about that room from room details page.

👉 My Booking: In my booking page user can see all their booked room. A user can preview, update date or cancel his/her room.

🤸 Quick Start

Follow these steps to set up the project locally on your machine.

Prerequisites

Make sure you have the following installed on your machine:

• Git
• Node.js

Download the Repository First Download the Repository from here

Installation

Install the project dependencies using npm:

npm install

Running the Project

npm run dev

Open http://localhost:5173 in your browser to view the project.

Live Preview

https://kinsley-hotel-booking.netlify.app