https://github.com/moinuddin-dotcom/hotel-booking-client

This is a Hotel Booking Website , where user can book rooms and he can update his booking dates also he can give review for that rooms.
https://github.com/moinuddin-dotcom/hotel-booking-client

axios components reactjs tanstack-react-query

Last synced: about 2 months ago
JSON representation

This is a Hotel Booking Website , where user can book rooms and he can update his booking dates also he can give review for that rooms.

• Host: GitHub
• URL: https://github.com/moinuddin-dotcom/hotel-booking-client
• Owner: Moinuddin-dotcom
• Created: 2025-02-05T08:43:55.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2025-02-12T11:31:24.000Z (over 1 year ago)
• Last Synced: 2025-05-17T00:36:01.721Z (about 1 year ago)
• Topics: axios, components, reactjs, tanstack-react-query
• Language: JavaScript
• Homepage: https://hotel-booking-a11.web.app/
• Size: 3.21 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          

**🏨 Hotel Booking Website**

**🚀 A Full-Stack Hotel Booking Platform** built with React.js, allowing users to book, update, and manage room reservations seamlessly.

**🌟 Live Demo:** https://hotel-booking-a11.web.app/

**🔥 Features**

**1.Room Display:**

    a.View all available rooms with images, prices, and details.

    b.Sort rooms by price (ascending or descending).

**2.Special Offers Modal:**

    a.Automatically displays special offers and promotions in a stylish popup when users visit the site.

**3.Loading Animation:**

    a.A smooth loading animation ensures a seamless experience when fetching data.

**4.Responsive Design:**

    a.Built with Tailwind CSS for mobile-first, responsive design.

**5.Dynamic Routes:**

    a.Individual room details are accessible through dynamic routes.

**Tech Stack**

    a.Frontend: React.js, React Router

    b.Styling: Tailwind CSS

    c.Backend: Node.js (Express.js)

    d.API: Axios for HTTP requests

    e.Animations: Lottie React

    f.State Management: React useState, useEffect

    g.Popup Library: react-modal

    h.Deployment: Vite for build optimization

**Key Components**

**Rooms.jsx** |

**SpecialOffersModal.jsx** |

**Loading.jsx**

**🚀 Tech Stack**

**Frontend**

    React.js (UI & State Management)

    Tailwind CSS, Daisy UI, Material UI, Wind UI, Mamba UI, Headless UI, React Flowbite

    Axios & TanStack Query (Efficient Data Fetching)

**⚡ Installation & Setup**

**1️⃣ Clone the Repository**

    git clone https://github.com/yourusername/hotel-booking.git

    cd hotel-booking

**2️⃣ Install Dependencies**

    npm install

**3️⃣ Run the Development Server**

    npm run dev

**📬 Contact**

💡 Have feedback or suggestions? Let’s connect!

    📧 Email: moinchy7@gmail.com

    🔗 LinkedIn: https://www.linkedin.com/in/md-moinuddin-chowdhury-67098123b/?originalSubdomain=bd

    🔗 GitHub: https://github.com/Moinuddin-dotcom