اپلیکیشن

یک اپ اندرویدی و وب‌اپلیکیشن آفلاین و موبایل‌اول بساز با نام «تورنومنت ۶۹۸». این نسخه فقط روی همان دستگاه کار می‌کند و هیچ سرور، حساب کاربری، ورود آنلاین یا ارتباط واقعی بین چند دستگاه ندارد. کارکرد اصلی: کاربر در صفحه‌ی اصلی کد ۶۹۸۶۹۸ را وارد می‌کند. اگر کد درست بود، بخش پیدا کردن بازیکن باز شود و آیدی بازیکن‌های محلیِ ذخیره‌شده را نشان دهد. برای شروع چند بازیکن نمونه‌ی قابل ویرایش قرار بده. کاربر بتواند با جست‌وجوی آیدی، بازیکن را پیدا کند، روی «اد فرند» بزند و وضعیت آن بازیکن به «اد فرند دادم» تغییر کند. سپس بتواند همان بازیکن را به تورنومنت اضافه کند و در صفحه‌ی تورنومنت فهرست بازیکن‌های دعوت‌شده، وضعیت دعوت و زمان ثبت دعوت را ببیند. اگر بازیکن قبلاً اضافه شده باشد، دکمه به «قبلاً اد شده» تغییر کند و از ثبت تکراری جلوگیری شود. پیام‌های واضح برای کد اشتباه، آیدی پیدا‌نشده و دعوت تکراری نمایش بده. صفحه‌ها و قابلیت‌ها: ۱) صفحه‌ی ورود کد با عنوان «ورود به تورنومنت»، ورودی عددی بزرگ، دکمه‌ی ورود و راهنمای کوتاه. ۲) صفحه‌ی بازیکن‌ها با نمایش آیدی‌های محلی، جست‌وجو، کارت هر بازیکن، وضعیت دوست و دکمه‌ی «اد فرند». ۳) صفحه‌ی جزئیات بازیکن با آیدی، وضعیت اد فرند و دکمه‌ی «دعوت به تورنومنت». ۴) صفحه‌ی تورنومنت با خلاصه‌ی تعداد دعوت‌ها، لیست دعوت‌شده‌ها، وضعیت «اد فرند دادم» و امکان حذف دعوت. ۵) صفحه‌ی مدیریت محلی برای اضافه‌کردن یا حذف آیدی‌های نمونه/محلی، تا کاربر بتواند داده‌های تست را خودش تغییر دهد. همه‌ی تغییرات، بازیکن‌های اضافه‌شده، وضعیت اد فرند و دعوت‌های تورنومنت را با localStorage یا ذخیره‌سازی محلی مناسب نگه دار تا بعد از بستن و بازکردن اپ باقی بمانند. یک نوار پیمایش پایین برای صفحه‌های «بازیکن‌ها»، «تورنومنت» و «مدیریت» داشته باش و در صفحه‌ی ورود مسیر ساده و واضحی ارائه کن. ظاهر مدرن و بازی‌محور با پس‌زمینه‌ی تیره، رنگ تأکیدی بنفش/آبی، کارت‌های خوانا، وضعیت‌های رنگی و دکمه‌های بزرگ باشد. متن‌ها فارسی و راست‌چین باشند. چیدمان کاملاً واکنش‌گرا و موبایل‌اول باشد: ابتدا برای عرض کوچک طراحی شود و از عرض ۳۶۰ پیکسل تا عرض کامل دسکتاپ بدون به‌هم‌ریختگی و بدون اسکرول افقی کار کند؛ از عرض ثابت پیکسلی و ارتفاع ثابت برای بخش‌های متنی استفاده نشود و به‌جای آن از flex یا grid، درصد و واحدهای نسبی استفاده شود؛ دکمه‌ها و همه‌ی عناصر قابل لمس دست‌کم ۴۴×۴۴ پیکسل باشند و فاصله‌ی کافی داشته باشند؛ هیچ قابلیتی فقط با hover در دسترس نباشد؛ safe-area inset رعایت شود تا نوار پایین یا ناچ روی محتوا نیفتد؛ meta viewport استاندارد داشته باشد؛ و در نمایشگر بزرگ فضای اضافه با ستون‌بندی یا محدودکردن عرض محتوا مدیریت شود، نه با کش‌آمدن یک ستون. چون اپ آفلاین است، در رابط کاربری صریحاً مشخص کن که داده‌ها فقط روی همین دستگاه ذخیره می‌شوند و بین گوشی‌ها همگام نمی‌شوند ایدی باشه:及匚やȺƉ.