# 🕌 ITIKAF — Professional Islamic Retreat Registration Webs...
Prompt
# 🕌 ITIKAF — Professional Islamic Retreat Registration Website Build a complete, professional, secure, responsive and production-ready website for **Itikaf Registration Management**. The website must be fully compatible with a real internet domain and shared hosting with **PHP + MySQL**. The system must be designed for real-world use by students, parents, administrators and organizers. --- ## 🎯 PROJECT GOAL Create a complete online registration and management platform for an **Itikaf (Islamic spiritual retreat)** program. The system must include: 🌐 Public website 📝 Online registration 🗄️ MySQL database 🔐 Secure admin panel 📊 Dashboard and reports 🔎 Registration tracking 🎫 Registration receipt 📱 Fully responsive design 📥 Excel export 🔳 QR Code generation --- # 🚫 NO ONLINE PAYMENT This version must NOT contain any online payment system. ❌ No ZarinPal ❌ No payment gateway ❌ No banking API ❌ No credit/debit card information ❌ No payment processing However, the architecture should be clean enough to allow a payment gateway to be added in the future if required. --- # 🌐 WEBSITE STRUCTURE Create the following public pages: ```text / ├── Home ├── About Itikaf ├── Rules & Conditions ├── Registration ├── Registration Tracking ├── Registration Receipt └── Contact Us ``` Create a secure administration area: ```text /admin ├── Login ├── Dashboard ├── Registrations ├── Registration Details ├── Reports ├── Settings └── Export ``` --- # 🏠 HOME PAGE Create a modern and elegant homepage. Include: 🕌 Itikaf logo/name 📖 Introduction 📝 "Register for Itikaf" button 🔎 "Track Registration" button 📅 Event date 📍 Event location 📢 Announcements ☎️ Contact information Use a professional Islamic/cultural visual identity. Avoid excessive animations or unnecessary visual effects. --- # 🕌 ABOUT ITIKAF Create an informative page containing: * What is Itikaf? * Purpose of the program * Cultural and educational activities * Event schedule * Location * Eligibility requirements * Participation conditions The content must be easy to read on mobile devices. --- # 📋 RULES & CONDITIONS Create a dedicated page for the registration rules. The user must read and accept the rules before submitting the registration form. Add: ☑️ "I have read and agree to the rules and conditions." The registration cannot be completed unless this checkbox is accepted. --- # 📝 REGISTRATION FORM Create a professional multi-step registration form. ## 👤 Personal Information Fields: * First Name * Last Name * National ID * Date of Birth * Gender * Mobile Number ## 🏫 Educational Information Fields: * School Name * Grade * Field of Study * City / Region ## 👨👩👦 Parent / Emergency Information Fields: * Father's Name * Mother's Name * Parent Phone Number * Emergency Contact Number ## 🕌 Itikaf Information Fields: * Itikaf Program / Session * Location * Additional Notes * Special Requirements, if applicable Before submission: ☑️ Accept Rules & Conditions Button: ```text 📝 Complete Registration ``` --- # 🔢 UNIQUE REGISTRATION ID After successful registration, automatically generate a unique registration code. Example: ```text ITK-1405-00001 ``` The registration ID must be unique and stored in the database. Show the user: ```text 🎉 Registration completed successfully! Your Registration ID: ITK-1405-00001 ``` The user must be able to print or save the registration confirmation. --- # 🔎 REGISTRATION TRACKING Create a page called: **Track Registration** Allow users to search for their registration using: * Registration ID * National ID * Mobile Number Display: 👤 Name 🆔 Registration ID 🏫 School 📅 Registration Date 📍 Location 📌 Registration Status Possible statuses: ```text Pending Approved Rejected Cancelled ``` --- # 🎫 REGISTRATION RECEIPT Generate a professional registration receipt. The receipt must contain: 🕌 Program Name 👤 Full Name 🆔 Registration ID 🏫 School 📱 Phone Number 📅 Registration Date 📍 Location 📌 Registration Status Generate a QR Code containing the unique registration ID. Provide: 🖨️ Print Receipt 📄 Save as PDF --- # 🔐 ADMIN PANEL Create a secure admin panel at: ```text /admin ``` Admin login must require: 👤 Username 🔑 Password Passwords must NEVER be stored as plain text. Use secure password hashing. --- # 📊 ADMIN DASHBOARD Create a professional dashboard with statistics: ```text 👥 Total Registrations ✅ Approved ⏳ Pending ❌ Rejected 🚫 Cancelled ``` Include charts showing registration statistics over time. --- # 📋 REGISTRATION MANAGEMENT Administrators must be able to: 👁️ View registration ✏️ Edit registration 🗑️ Delete registration 🔎 Search registrations 🔽 Filter registrations 🖨️ Print registration 📥 Export registrations to Excel --- # 🔍 ADVANCED SEARCH Allow searching by: * First Name * Last Name * National ID * Mobile Number * Registration ID * School Add filters for: * Status * School * Grade * Gender * Registration date --- # 📥 EXCEL EXPORT Allow administrators to export registration data to Excel. Columns: ```text No. Registration ID First Name Last Name National ID Mobile School Grade Parent Name Parent Phone Registration Date Status ``` Allow exporting: * All registrations * Filtered registrations * Selected registrations --- # 🗄️ DATABASE Use: ```text PHP MySQL ``` Do NOT use LocalStorage as the primary database. All registration information must be stored in MySQL. Recommended tables: ```text admins registrations settings activity_logs ``` Create a complete: ```text database/schema.sql ``` file containing the database structure. --- # 🔒 SECURITY REQUIREMENTS Implement proper security practices: 🔐 Password hashing 🛡️ Prepared SQL statements 🛡️ SQL Injection protection 🛡️ XSS protection 🛡️ CSRF protection 🔒 Secure sessions 🔒 HTTPS compatibility 🚫 Do not expose sensitive information in URLs 👨💼 Admin authorization 📝 Admin activity logging Student information must never be publicly accessible. --- # 📱 RESPONSIVE DESIGN The entire website must be responsive. It must work correctly on: 📱 Mobile 📱 Tablet 💻 Laptop 🖥️ Desktop Use a mobile-first approach. All pages must support: ```text RTL Persian language Persian numbers where appropriate ``` --- # 🎨 DESIGN SYSTEM Use a professional Islamic/cultural design. Suggested colors: 🟢 Dark Green ⚪ White 🟡 Soft Gold The interface should be: ✨ Modern ✨ Elegant ✨ Professional ✨ Minimal ✨ Cultural ✨ Easy to use Use a high-quality Persian font such as **Vazirmatn** or another suitable Persian web font. --- # 🌐 DOMAIN & HOSTING The application must be deployable on a real domain. Example: ```text https://itikaf.example ``` It should also work on free hosting that supports: * PHP * MySQL * HTTPS Avoid unnecessary dependencies on paid services. All database configuration must be separated from the application code. --- # 💾 BACKUP Create an administration feature for database backup. The administrator should be able to create a backup of the registration database. The system should also provide clear instructions for restoring a backup where supported by the hosting environment. --- # ⚙️ PROJECT STRUCTURE Use a clean and maintainable structure: ```text itikaf/ │ ├── public/ │ ├── index.php │ ├── register.php │ ├── tracking.php │ ├── receipt.php │ └── contact.php │ ├── admin/ │ ├── login.php │ ├── dashboard.php │ ├── registrations.php │ ├── reports.php │ ├── settings.php │ └── export.php │ ├── config/ │ └── database.php │ ├── includes/ │ ├── auth.php │ ├── functions.php │ ├── security.php │ └── header.php │ ├── assets/ │ ├── css/ │ ├── js/ │ └── images/ │ ├── database/ │ └── schema.sql │ └── README.md ``` --- # 📖 INSTALLATION GUIDE Create a detailed `README.md`. Explain: 1. How to create the MySQL database 2. How to import `schema.sql` 3. How to configure database credentials 4. How to upload the project 5. How to configure the domain 6. How to enable HTTPS 7. How to create the first administrator 8. How to test registration 9. How to test the admin panel 10. How to create database backups The project must be easy to deploy on shared hosting. --- # 🧪 TESTING Before considering the project complete, test: ✅ Registration submission ✅ Required field validation ✅ Duplicate National ID handling ✅ Unique Registration ID generation ✅ Registration tracking ✅ Receipt generation ✅ QR Code generation ✅ Admin login ✅ Admin authorization ✅ Search ✅ Filtering ✅ Editing ✅ Deleting ✅ Excel export ✅ Database connection ✅ Mobile responsiveness ✅ Security protections --- # 🚀 FINAL REQUIREMENTS The final project must be: ✅ Fully functional ✅ Production-ready ✅ Persian / RTL ✅ Responsive ✅ PHP + MySQL ✅ Database-driven ✅ Secure ✅ Deployable on a real domain ✅ Compatible with free hosting ✅ Equipped with an admin panel ✅ Equipped with registration tracking ✅ Equipped with registration receipts ✅ Equipped with QR Codes ✅ Equipped with Excel export ✅ Without ZarinPal ✅ Without any payment gateway ✅ Easy to maintain ✅ Easy to expand in the future --- # 🧩 DEVELOPMENT INSTRUCTIONS Before writing the code: 1. Analyze the complete requirements. 2. Design the database schema. 3. Define the website routes. 4. Define the admin panel architecture. 5. Define the security model. 6. Create the project structure. 7. Then implement the project step by step. Do not create a simple demo. Build a **real, functional and deployable website**. Project name: # 🕌 ITIKAF Suggested slogan: ### **"A Retreat for Worship, an Opportunity for Growth."**
A system prompt was added to support web rendering
