🏨 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