اپلیکیشن

یک اپلیکیشن موبایل/وب‌اپ واکنش‌گرا با نام «اتو تصادفی شادمانی» بساز. این نسخه باید کاملاً آفلاین و روی دستگاه کاربر اجرا شود و داده‌های آگهی را روی همان دستگاه ذخیره کند؛ هیچ سرور، حساب کاربری یا همگام‌سازی آنلاین وعده داده نشود. هدف اپ: نمایش و مدیریت آگهی خودروهای تصادفی. یک حالت مدیریت برای صاحب کسب‌وکار داشته باشد که با PIN محلی وارد شود و فقط مدیر بتواند آگهی جدید ثبت کند، ویرایش کند یا حذف کند. مشتری بدون ورود فقط فهرست آگهی‌ها را ببیند و جزئیات هر خودرو را باز کند. صفحه‌ها و قابلیت‌ها: 1. صفحه شروع/خانه با برند «اتو تصادفی شادمانی»، فهرست کارت‌های آگهی و جست‌وجو/فیلتر ساده بر اساس برند، مدل، سال و وضعیت. 2. صفحه جزئیات آگهی با گالری عکس، برند و مدل خودرو، سال ساخت، رنگ، میزان و بخش‌های آسیب‌دیده، کارکرد، قیمت یا عبارت «تماس بگیرید»، توضیحات، تاریخ ثبت و شماره تماس. شماره تماس به‌صورت دکمه‌ی قابل لمس برای تماس تلفنی یا کپی نمایش داده شود. 3. صفحه مدیریت با ورود PIN محلی؛ فرم ثبت و ویرایش آگهی با امکان انتخاب چند عکس از گالری دستگاه، اطلاعات کامل خودرو، قیمت، شماره تماس و توضیحات؛ فهرست آگهی‌های ثبت‌شده با دکمه‌های ویرایش و حذف. 4. بخش اشتراک‌گذاری/نصب که توضیح دهد اپ را می‌توان با دکمه‌ی اشتراک‌گذاری به دستگاه دیگر معرفی کرد و آدرس عمومی/لینک نصب اپ را کپی یا share کرد. صریحاً نشان بدهد که آگهی‌های این نسخه فقط روی دستگاه مدیر ذخیره می‌شوند و به‌صورت خودکار به دستگاه‌های دیگر منتقل نمی‌شوند. برای انتقال دستی، امکان خروجی گرفتن از داده‌های آگهی و وارد کردن فایل پشتیبان در دستگاه دیگر در نظر بگیر، بدون ادعای همگام‌سازی آنلاین. 5. حالت خالی زیبا با راهنمای افزودن اولین آگهی و چند آگهی نمونه‌ی قابل حذف برای نمایش اولیه. هویت بصری: آیکون اصلی نصب روی گوشی یک تصویر کارتونی/انیمیشنی از خودروی سفید با سقف قرمز باشد که از جلو آسیب‌دیده است. روی تصویر لوگو/عنوان بزرگ «اتو تصادفی شادمانی» با ترکیب رنگ سفید، زرد، قرمز و مشکی قرار بگیرد؛ متن خوانا و مناسب آیکون و صفحه‌ی شروع باشد. ظاهر کلی حرفه‌ای، شاد و قابل اعتماد با پس‌زمینه‌ی روشن، کارت‌های سفید، تأکید قرمز و زرد، متن مشکی و نشانه‌های آسیب خودرو به شکل کنترل‌شده باشد. از آیکون‌ها و تصویرسازی داخلی استفاده کن و چون فایل لوگو ارائه نشده، یک تصویرسازی برداری/کارتونی مناسب تولید کن. ذخیره‌سازی: از local storage/IndexedDB یا راهکار آفلاین مناسب استفاده کن تا آگهی‌ها، عکس‌ها، PIN و تنظیمات بعد از بستن و بازکردن دوباره باقی بمانند. PIN فقط محلی باشد و برای امنیت واقعی سروری وانمود نکند. الزامات فنی و نمایش: چیدمان responsive و mobile-first باشد؛ ابتدا برای عرض کوچک طراحی شود و از عرض ۳۶۰ پیکسل تا عرض کامل دسکتاپ بدون به‌هم‌ریختگی و بدون اسکرول افقی کار کند. از عرض ثابت پیکسلی و ارتفاع ثابت برای بخش‌های متنی استفاده نشود و از flex/grid، درصد و واحدهای نسبی استفاده شود. در دسکتاپ فضای اضافه با محدودکردن عرض محتوا و ستون‌بندی مناسب پر شود، نه با کش‌آمدن یک ستون. همه‌ی دکمه‌ها و عناصر قابل لمس حداقل ۴۴×۴۴ پیکسل و با فاصله‌ی کافی باشند. هیچ قابلیت مهمی فقط با hover در دسترس نباشد. safe-area inset برای ناچ و نوار پایین رعایت شود و meta viewport استاندارد وجود داشته باشد. ناوبری واضح، متن فارسی راست‌به‌چپ، فونت خوانا، کنتراست مناسب و پیام‌های تأیید قبل از حذف استفاده شود. اپ هم به شکل قابل نصب روی اندروید و هم در مرورگر دسکتاپ قابل استفاده باشد.