Skip to content

AbrishDev/hotel-menu-frontend

Repository files navigation

QR Code-Based Hotel Menu (Frontend)

📌 Project Overview

This is the frontend of a QR Code-Based Hotel Menu system. Customers can scan a QR code to access the digital menu, view food items, and check prices without needing a physical menu. The interface is designed to be elegant, mobile-responsive, and user-friendly.

🚀 Features

  • 📱 Mobile-Responsive Design – Works smoothly on all screen sizes.
  • 🎨 Stylish UI – Classic hotel menu styling with a beautiful background.
  • 📋 Menu Display – Fetches and displays menu items dynamically from the backend.
  • 🔄 Real-time Updates – Automatically reflects changes from the backend.
  • 🌍 No Installation Required – Accessible through a simple QR code scan.

🛠️ Technologies Used

  • React.js – Frontend framework
  • CSS – Custom styling for a vintage menu feel
  • Fetch API – To retrieve menu data from the backend
  • Font & Icons – Georgia font for a classic look

📸 UI Preview

Screenshot

📥 Installation & Setup

  1. Clone the Repository
    git clone https://github.com/AbrishDev/hotel-menu-frontend.git
    cd hotel-menu-frontend
  2. Install Dependencies
    npm install
  3. Start the Development Server
    npm start

📌 Future Enhancements

  • 🛒 Order System – Allow users to place orders directly.
  • 🌐 Multi-Language Support – Provide different language options.
  • 💳 Payment Integration – Enable digital payments.

🤝 Contributing

Want to improve this project? Feel free to fork, create a branch, and submit a pull request!

📜 License

This project is open-source and available under the MIT License.

About

link to menu

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published