QR Hotel Info - SaaS Digital Hotel Guide System

QR Hotel Info is a complete SaaS application that allows hotel owners, vacation rental hosts, and property managers to create digital information guides for their guests. Guests access these guides by scanning a QR code placed in rooms or common areas. The system includes two separate panels: one for property owners (hosts) to manage their guides, and one for platform administrators to manage users, plans, and platform settings.

🚀 Live Demo

Demo URL: https://qrhotelinfo.saltysurfweb.com/ Try the full system with demo accounts:

Host Access (Property Owner Panel)

• URL: https://qrhotelinfo.saltysurfweb.com/login
• Email: demo@saltysurfweb.com
• Password: demo123

Admin Access (Platform Administrator Panel)

• URL: https://qrhotelinfo.saltysurfweb.com/login
• Email: admin@saltysurfweb.com
• Password: admin123

Features

Key Features

Host Panel (Property Owners)

• Create, edit, and manage multiple digital guides
• Visual WYSIWYG editor (TinyMCE) with full formatting, images, lists, and links
• AI content generation using Puter.js (free) or OpenAI API
• Complete contact information (phone, email, address, WhatsApp)
• Social media links (Instagram, Facebook, TikTok)
• Upload custom logo and cover image
• Unlimited sections per guide with drag-and-drop reordering
• Show/hide individual sections
• Publish/unpublish guides
• Automatic QR code generation (PNG and SVG formats)
• Adjustable QR code size (200-600px)
• Real-time QR preview
• Professional A4 PDF poster generation
• Poster language selection (Spanish/English)
• Duplicate complete guides
• Two professional themes included (Modern Blue, Elegant Dark)
• Default theme fallback
• Multi-language content per section
• Section translation management
• View public guide URL
• View current subscription plan
• Compare available plans
• Plan limits and features display

Admin Panel (Platform Administrators)

• Dashboard with global statistics (users, guides, sections, recent activity)
• User management with pagination and filters (role, status, search)
• Block/unblock users
• View user subscription plans
• View all guides from all users
• Edit any guide on the platform (support feature)
• Global sections system (sponsored content injection for free plan users)
• Complete CRUD for subscription plans
• Configure plan limits (guides, languages, sections)
• Plan pricing (monthly/annual)
• View active subscriptions
• Analytics dashboard with automatic view tracking
• View statistics per guide
• Trends and top guides
• Language distribution analytics
• Platform settings management
• SMTP email configuration
• AI provider configuration (Puter.js or OpenAI)
• API keys management (Stripe, Google Translate, OpenAI)
• PWA configuration###li/li###
• Payment gateway management (Stripe, PayPal, Razorpay, Paystack, Flutterwave, MercadoPago, Coinbase Commerce, CoinPayments, Paytm, Instamojo, Perfect Money, VoguePay)
• Language management (add, edit, set default)
• Blog system (posts, categories, configuration)
• Website pages management (privacy policy, terms, etc.)
• SEO settings
• GDPR policy management
• Custom CSS editor
• Maintenance mode
• Email notification templates
• Test email functionality
• Reports (subscriptions, payments, revenue, plans)
• Logo and favicon upload

Public Features

• Public guide view (accessible via QR code)
• Responsive design (mobile, tablet, desktop)
• Multi-language support (Spanish and English fully translated)###li/li###
• Automatic view tracking
• PWA-ready

Technical Features

• Installation wizard (3-step setup)
• Role-based access control (host/admin)
• Laravel authentication
• CSRF protection
• HTML sanitization (XSS prevention)
• Soft deletes for data safety
• Database transactions for critical operations
• Pagination for large lists
• Eager loading (N+1 prevention)
• Optimized queries with indexes
• Settings caching
• Optimized build (~146 KB gzipped)

Requirements

Technical Details

Backend

• Framework: Laravel 11
• PHP: 8.2 or higher
• Database: MySQL 8.0+ or MariaDB 10.3+
• QR Generation: simplesoftwareio/simple-qrcode
• PDF Generation: barryvdh/laravel-dompdf
• HTML Sanitization: HTMLPurifier
• Payment Integration: Stripe, PayPal, Razorpay, Paystack, Flutterwave, MercadoPago, Coinbase Commerce, CoinPayments, Paytm, Instamojo, Perfect Money, VoguePay

Frontend

• Library: React 18
• Language: TypeScript
• Styling: Tailwind CSS
• Build Tool: Vite
• Router: React Router v6
• Editor: TinyMCE
• Drag & Drop: @dnd-kit
• Icons: Lucide React
• i18n: i18next

Requirements

Server

• PHP >= 8.2
• MySQL >= 8.0 or MariaDB >= 10.3
• Composer
• Node.js >= 18
• NPM >= 9
• Web server (Apache/Nginx)

PHP Extensions

• OpenSSL
• PDO
• Mbstring
• Tokenizer
• XML
• Ctype
• JSON
• BCMath
• GD (for image processing)

Instructions

How It Works

Step 1: Installation

• Upload files to your server
• Configure web server to point to /public directory
• Access installation wizard at <a href="https://yourdomain.com/install">https://yourdomain.com/install</a>
• Follow 3-step wizard: requirements check, database configuration, admin user creation
• System is ready to use

Step 2: Host Creates Guide

• Host registers or logs in
• Creates new guide with title, slug, and default language
• Adds contact information, logo, and cover image
• Creates sections using visual editor
• Optionally uses AI to generate section content
• Reorders sections with drag-and-drop
• Selects theme
• Generates QR code and downloads PDF poster
• Publishes guide

Step 3: Guest Accesses Guide

• Guest scans QR code in room or common area
• Guide opens in mobile browser
• Guest views all information (WiFi, house rules, recommendations, contact info)
• View is automatically tracked in analytics

Ideal For

• Hotels and hotel chains
• Vacation rental properties (Airbnb, Booking.com hosts)
• Apartment rentals
• Bed & breakfasts
• Hostels
• Resorts
• Rural accommodations
• Any tourism accommodation that wants to provide digital information to guests