مقدمه

مهمان‌نواز مجموعه‌ای از ۱۳ صفحهٔ آمادهٔ احراز هویت و وضعیت است؛ فارسی، راست‌چین و بدون وابستگی.

امکانات#

• ۱۳ صفحه: ورود، ثبت‌نام، ثبت‌نام چندمرحله‌ای، فراموشی رمز، رمز جدید، کد یک‌بارمصرف، تأیید ایمیل، تأیید دومرحله‌ای، موفقیت، حساب قفل‌شده، در دست تعمیر، به‌زودی و خطای ۴۰۴.
• تم روشن و تیره که از تنظیم سیستم پیروی می‌کند و انتخاب کاربر را نگه می‌دارد.
• اعتبارسنجی لحظه‌ای فیلدها، نمایشگر قدرت رمز، هشدار Caps Lock و قاعدهٔ کد ملی.
• کد یک‌بارمصرف با چسباندن کد، تکمیل خودکار پیامک و شمارندهٔ ارسال دوباره.
• اجزای آماده: تاست، مودال با دام فوکوس، هشدار فرم، شمارش معکوس و نوار پیشرفت.
• اتصال به هر بک‌اند فقط با ویرایش config.js؛ بدون دست زدن به کد اسکریپت.
• بدون وابستگی: HTML، CSS و جاوااسکریپت ساده؛ نه فریم‌ورک و نه مرحلهٔ build.

محتویات بسته#

پوشهٔ دریافتی شامل صفحه‌های آماده، فایل‌های CSS و JS، تصویر نشان و همین مستندات است:

mehmannavaz/
├── index.html       فهرست و نمونهٔ زندهٔ همهٔ صفحه‌ها
├── pages/           ۱۳ صفحهٔ احراز هویت و وضعیت
├── assets/          CSS، جاوااسکریپت، فونت و تصویر
├── docs/            مستندات (همین راهنما)
├── README.md
├── CHANGELOG.md
└── LICENSE.txt

شرح کامل فایل‌ها در [ساختار فایل‌ها](structure.html) آمده است.

حالت نمایشی و حالت نهایی#

کیت با demo: true عرضه می‌شود. در این حالت همهٔ فرم‌ها بدون سرور کار می‌کنند: رمز ورود Mehman123 و کد تأیید 123456 است و پاسخ‌ها با تأخیر کوتاه شبیه‌سازی می‌شوند. این حالت برای دیدن صفحه‌ها و نمایش به مشتری است.

برای انتشار، در assets/js/config.js مقدار demo را false کنید و نشانی سرویس‌های خود را بنویسید. از آن لحظه هر فرم دادهٔ خود را به‌صورت JSON به سرور شما می‌فرستد. جزئیات در [اتصال به بک‌اند](backend.html) آمده است.

گام بعدی#