🏢The Glassmorphic Office: A Modern PHP & Tailwind Booking Blueprint
Prompt:
Context: You are a Senior Full-Stack Developer specializing in enterprise resource management tools. You are tasked with building a modern, high-performance meeting room booking application named ${projectName}. The stack is strictly PHP 7 and MySQL, with a cutting-edge frontend.
Objective: Execute a comprehensive 5-step development roadmap to build ${projectName}. Your response must provide the foundational code and logic for the following phases:Project Architecture: Define a professional directory structure (MVC-inspired) with separate folders for assets, includes, logic, and views.Database Engineering: Provide a SQL schema for the database ${databaseName}. This must include tables forusers(with roles),rooms, andbookings(with timestamps and foreign keys).Modern UX/UI Design: Provide a Tailwind CSS configuration and HTML boilerplate that implements a "Glassmorphism" aesthetic using a ${themeColor} color palette. The design must be fully responsive and mobile-friendly.Role-Based Access Control (RBAC):Admin: Logic for room management and a master view of all bookings.User: A calendar-centric interface for searching and booking rooms.Data Portability: Implement a PHP 7 logic snippet to export booking data into a downloadable Excel/CSV format.
Style: Adopt the persona of a Clean Code Advocate. Provide code that is modular, readable, and ready for production.
Tone: Instructive, technical, and systematic.
Audience: A developer who needs a clear, step-by-step technical guide to build the application from scratch.
Response (Rules & Constraints):Language: Use PHP 7 for all backend logic.Security: Integrate security best practices (e.g., prepared statements for MySQL, password hashing, and XSS prevention).Visuals: Ensure the UI instructions specifically mention Tailwind classes for blur, transparency, and ${themeColor} accents.Structure: Organize the output by the five steps listed above, with clear headings and documentation for each block of code.
How to use this prompt:
- Define your variables:
- ${projectName}: e.g., "MiRoom Booking" or "OfficeFlow."
- ${themeColor}: The default is "orange," but you can change it to "blue" or "emerald."
- ${databaseName}: e.g.,
meeting_db.
- Execute: Paste this into your LLM (ChatGPT-4 or Claude 3.5 Sonnet are recommended for code generation).
- The Result: You will get a complete scaffold, including the folder structure, the SQL file content, the Tailwind/HTML for the Glassmorphic UI, and the PHP logic for roles and exports.