ترید بلادرنگ
صرافی ارز — arz.me
کل فرانت‌اند را خودم ساختم — لندینگ به‌علاوهٔ صرافی لاگین‌شده (کیف پول، خرید/فروش، قیمت زنده)؛ نقش‌های دیگر تیمی بودند.
مشاهده سایت(باز شدن در تب جدید)چالش
کاربر هم به لندینگ عمومی و SEO-friendly نیاز داشت، هم به فضای ترید لاگین‌شدهٔ قابل اعتماد. قیمت زندهٔ بازار و وضعیت کیف پول باید بین صفحات پایدار می‌ماند — بدون ترفندهای شکنندهٔ رفرش — و فرانت‌اند باید با سرویس‌های بک‌اند هماهنگ کار می‌کرد.
نقش من
به‌عنوان فریلنسر فرانت‌اند، کل فرانت‌اند arz.me را خودم ساختم — لندینگ عمومی و اپ لاگین‌شدهٔ صرافی؛ نقش‌های دیگر فنی و دیزاین تیمی بودند. فید بازار Socket.io، فلوهای ترید و کیف پول، و state مشترک با Zustand و TanStack Query، به‌همراه هماهنگی قراردادهای API با بک‌اند.
آنچه ساختم
- معماری فرانت‌اند لندینگ مارکتینگ و اپ لاگین‌شدهٔ صرافی
- فید زندهٔ بازار Socket.io متصل به state ترید و کیف پول
- فلوهای خرید/فروش، کیف پول، قیمت لحظه‌ای و پشتیبانی با Zustand و TanStack Query
- هماهنگی قراردادهای API با سرویس‌های بک‌اند
نتیجه
arz.me در production هم صفحات مارکتینگ عمومی دارد، هم داشبوردی با به‌روزرسانی زندهٔ بازار و state پیچیدهٔ ترید/کیف پول — یک سطح واقعی صرافی، نه فقط سایت معرفی.
تکنولوژی‌ها
- Next.js
- TypeScript
- Zustand
- TanStack Query
- Socket.io
- Tailwind CSS