اپلیکیشن

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