Wonderchat — ردیاب قیمت ارز دیجیتال

داشبورد لحظه‌ای قیمت ارز دیجیتال با به‌روزرسانی دوره‌ای، رابط کاربری سریع و واکشی داده از API.

  • Next.js
  • Next.js API Routes
  • Tailwind CSS
  • REST API
نمای دسکتاپ پروژه‌ی Wonderchat
نمای موبایل (راست) پروژه‌ی Wonderchat
تجربه‌ی Wonderchat

پروژه‌ای با Next.js برای رصد قیمت ارزهای دیجیتال با به‌روزرسانی تقریباً لحظه‌ای. داده‌های بازار از یک API خارجی واکشی و هر چند ثانیه یک‌بار برای حس یک داشبورد زنده به‌روز می‌شه. یک لایه‌ی API سبک با Next.js API Routes پیاده‌سازی شده تا کشینگ، محدودیت نرخ درخواست و حالت‌های خطا با اطمینان بیشتری مدیریت بشن.

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

چالش‌ها و درس‌آموخته‌ها

پراکسی API و محدودیت نرخ درخواست

برای محافظت از کلیدهای حساس و جلوگیری از rate-limiting، یک لایه‌ی پراکسی سفارشی با Route Handlers ساختم که کشینگ سمت سرور و یک منبع واحد حقیقت برای تمام درخواست‌ها فراهم کرد.

مقاومت رابط کاربری در برابر داده‌ی ناپایدار

قیمت‌های لحظه‌ای می‌تونن فلیکر قابل‌توجهی ایجاد کنن؛ با به‌روزرسانی‌های debounce شده و اسکلتون‌های شیک، تجربه‌ای روان حفظ کردم.

نتیجه

Wonderchat با موفقیت به‌عنوان یک داشبورد داده‌ی لحظه‌ای توسعه داده شد که مدیریت یکپارچه‌سازی‌های API پرفرکانس و داده‌ی ناپایدار رو نشون می‌ده؛ ثابت می‌کنه می‌تونم ابزارهایی پایدار برای بازارهای مالی پرشتاب بسازم.