Here’s a detailed prompt for generating a MERN Stack Hotel Booking Web App with User & Admin Roles:

---

🔹 Prompt for Hotel Booking Web App (MERN Stack)

Project Title: Hotel Booking Web App

Description:
Create a full-stack hotel booking web application using MERN Stack (MongoDB, Express, React, Node.js). The app should allow users to browse hotels, view details, make bookings, and manage their reservations. Admins should be able to add, edit, and delete hotels, manage users, and view bookings.

---

🔹 Features & Functionalities

👤 User Features:

• User Authentication (Signup, Login, Logout) with JWT
• Browse Hotels (List all available hotels)
• View Hotel Details (Name, Location, Price per Night, Availability)
• Book a Hotel (Select check-in/check-out dates, confirm booking)
• Manage Bookings (View and cancel past bookings)

🛠️ Admin Features:

• Admin Authentication (Login as admin)
• Hotel Management (Create, Edit, Delete hotels)
• View All Bookings (See all user reservations)
• User Management (View and delete users)

---

🔹 Tech Stack

Frontend:

• React.js (for UI)
• React Router (for navigation)
• Redux Toolkit (for state management)
• Tailwind CSS (for styling)
• Axios (for API calls)

Backend:

• Node.js (server-side runtime)
• Express.js (backend framework)
• MongoDB + Mongoose (database)
• bcryptjs (password hashing)
• jsonwebtoken (JWT) (authentication)
• cors & dotenv (security & environment variables)

---

🔹 API Endpoints

User Routes (/api/users)

| Method | Endpoint | Description | Access | |--------|--------------|----------------------|---------| | POST | /signup | Register a new user | Public | | POST | /login | Login & get JWT token | Public | | GET | /profile | Get user profile | Private |

Hotel Routes (/api/hotels)

| Method | Endpoint | Description | Access | |--------|-----------|----------------------|---------| | GET | / | Get all hotels | Public | | GET | /:id | Get hotel by ID | Public | | POST | / | Add a new hotel | Admin | | PUT | /:id | Edit hotel details | Admin | | DELETE | /:id | Delete a hotel | Admin |

Booking Routes (/api/bookings)

| Method | Endpoint | Description | Access | |--------|-----------|----------------------|---------| | POST | / | Create a booking | Private | | GET | /my | Get user bookings | Private | | GET | /all | Get all bookings (Admin) | Admin |

---

🔹 Steps to Implement

1. Set up the Backend

   • Initialize Node.js & Express server
   • Connect to MongoDB using Mongoose
   • Create models (User, Hotel, Booking)
   • Implement routes & controllers for users, hotels, bookings
   • Implement JWT authentication

2. Develop the Frontend

   • Set up React with Tailwind
   • Create UI components (Navbar, Hotel List, Booking Form)
   • Implement authentication with JWT
   • Use Redux for state management
   • Fetch data from backend using Axios

3. Deploy

   • Deploy backend to Render/Vercel
   • Deploy frontend to Vercel/Netlify
   • Use MongoDB Atlas for database

---

💡 Expected Outcome

A fully functional hotel booking web app where users can search & book hotels, while admins can manage the system.

Do you want the complete code implementation for this? 🚀