اپلیکیشن

یک اپ واقعی با عنوان «GAME PLUS | گیم پلاس» بساز که همان تجربهٔ نسخهٔ قبلی صفحه‌ساز را به شکل یک وب‌اپلیکیشن قابل نصب روی اندروید ارائه دهد و یک آدرس عمومی قابل اشتراک‌گذاری داشته باشد. اپ باید کاملاً سمت کاربر اجرا شود و به سرور، حساب کاربری یا API خارجی نیاز نداشته باشد. صفحه‌ها و قابلیت‌ها: 1) صفحهٔ خوش‌آمدگویی با عبارت «به GAME PLUS خوش آمدی» و دو دکمهٔ «شروع کنیم» و «بعداً». ظاهر مدرن و گیمینگ، تم تیره با رنگ‌های نئونی، کارت‌های شیشه‌ای و انیمیشن نرم داشته باشد. 2) نوار/منوی اصلی با گزینه‌های قابل لمس «♙ پروفایل»، «? سوال 0»، «◉ گردونه»، «♜ فروشگاه» و «▦ بازی‌ها». گزینهٔ فعال مشخص باشد و مسیرها بدون بارگذاری کامل صفحه جابه‌جا شوند. 3) پروفایل کاربر: نمایش نام و اطلاعات پایه، فرم ویرایش ساده، ذخیرهٔ اطلاعات در localStorage یا IndexedDB به‌گونه‌ای که بعد از بستن و بازکردن اپ باقی بماند. 4) بخش سوال: صفحهٔ سوال‌ها با شمارنده‌ای که در حالت اولیه «سوال 0» نمایش دهد و وضعیت پیشرفت روی دستگاه ذخیره شود. اگر محتوای سوال مشخص نشده، از چند سوال نمونهٔ داخلی و بی‌نیاز از اینترنت استفاده کن. 5) گردونه: گردونهٔ تعاملی با دکمهٔ چرخاندن، انیمیشن چرخش پیوسته و نتیجهٔ تصادفی از آیتم‌های داخلی. نتیجه و امتیاز/وضعیت آن ذخیره شود و حالت در حال اجرا، پایان اجرا و خطاهای کاربر به‌درستی مدیریت شود. 6) فروشگاه: نمایش چند آیتم نمونهٔ داخلی، قیمت/امتیاز، وضعیت قفل یا خریداری‌شده و عملیات خرید آزمایشی فقط با امتیاز محلی؛ پرداخت واقعی، حساب کاربری و سرور لازم نیست. دادهٔ خریدها روی دستگاه ذخیره شود. 7) بازی‌ها: فهرست چند بازی یا مینی‌گیم داخلی قابل اجرا، با یک حلقهٔ اجرای پیوسته برای انیمیشن یا بازی، کنترل‌های قابل لمس و دکمهٔ بستن «×». اجرای بازی باید با رفتن به صفحهٔ دیگر متوقف یا پاک‌سازی شود تا منابع آزاد بمانند. 8) همهٔ پنجره‌ها و زیرصفحه‌ها دکمهٔ «×» برای بستن داشته باشند و stateها پس از refresh و بازگشت به اپ تا جای ممکن حفظ شوند. رفع خطای نسخهٔ قبلی: - کد را از ابتدا به‌صورت تمیز و ساختاریافته پیاده‌سازی کن و علت خطای JavaScript «Uncaught SyntaxError: Unexpected token ')'» را برطرف کن. - همهٔ پرانتزها، براکت‌ها، آکولادها، کاماها، callbackهای تو‌در‌تو، متغیرها، توابع، handlerها، componentها، routeها، state keyها و asset referenceها را بررسی کن. - پیش از تحویل، syntax check کامل و build/validation اجرا کن و مطمئن شو هیچ SyntaxError، route شکسته یا handler تعریف‌نشده باقی نمانده است. - حلقه‌های انیمیشن و listenerها cleanup داشته باشند و خطاهای runtime در رابط کاربری باعث از کار افتادن کل اپ نشوند. الزامات فنی و تجربهٔ کاربری: - طراحی responsive و mobile-first باشد؛ از عرض ۳۶۰ پیکسل تا عرض کامل دسکتاپ بدون به‌هم‌ریختگی و بدون اسکرول افقی کار کند. - از عرض ثابت پیکسلی و ارتفاع ثابت برای بخش‌های متنی استفاده نکن؛ از flex/grid، درصد و واحدهای نسبی استفاده کن. - دکمه‌ها و عناصر قابل لمس حداقل ۴۴×۴۴ پیکسل باشند و فاصلهٔ کافی داشته باشند. - هیچ قابلیت مهمی فقط با hover در دسترس نباشد. - safe-area inset برای ناچ و نوار پایین رعایت شود و meta viewport استاندارد وجود داشته باشد. - در نمایشگرهای بزرگ، فضای اضافه با محدودکردن عرض محتوا و ستون‌بندی مناسب مدیریت شود، نه با کش‌آمدن یک ستون باریک. - داده‌ها فقط روی همان دستگاه ذخیره شوند؛ هیچ login، پرداخت، چت، نوتیفیکیشن یا leaderboard آنلاین نساز. - اپ هم به‌صورت وب‌اپ با آدرس زنده و هم به‌صورت بستهٔ قابل نصب اندروید آماده شود.