مرور کلی

به دلیل مشکلات فنی در پیاده‌سازی وب‌ساکت‌ها و یکپارچه‌سازی درگاه پرداخت ایرانی با استرپی که فراتر از انتظاراتم بود (و اساساً فلسفه استفاده از CMS را زیر سؤال می‌برد) تصمیم به بازطراحی نسخه قبلی سایت آرکان گرفتم. همچنین درخواست مشتری برای فارسی‌سازی پنل مدیریت، نهایتاً مرا به سمت توسعه بک‌اند اختصاصی با Nest سوق داد.

فرانت‌اند با Next.js و Apollo Client پیاده‌سازی شده و از Material UI برای کامپوننت‌ها استفاده شده است.

API گراف‌کی بک‌اند با ترکیب Nest، TypeORM و Apollo توسعه یافته.

به دلیل افزایش غیرمنطقی هزینه‌های میزبانی در لیارا برای چنین اپلیکیشن کوچکی، تصمیم به میزبانی خودگردان با Coolify گرفتم.

ویژگی‌های کلیدی

• پروفایل کاربری کامل
  • تاریخچه سفارشات
  • تنظیمات پروفایل
  • آدرس‌های ارسال
  • بازیابی رمز عبور
• سبد خرید پویا
  • افزودن/حذف محصولات
  • اعمال کد تخفیف
• فرآیند پرداخت
  • چک‌اوت سه‌مرحله‌ای
  • پشتیبانی از پرداخت از طریق زرین‌پال
  • ارسال پیامک پس از ثبت سفارش
  • نوتیفیکیشن پوش‌اعلان
• جستجوی پیشرفته محصولات
• صفحات محصول
  • سیستم امتیازدهی و نظرات
• پشتیبانی از دو تم مختلف
  • تم تیره
  • تم روشن
• پیاده‌سازی Optimistic UI
• API گراف‌کی مبتنی بر NestJS

آنچه انجام دادیم