barman-tech
معماری فرانتاند · صرافی ارز دیجیتال
معماری فرانتاند یک صرافی کریپتو در production — ترید، کیف پول، گزارشگیری و بازار بلادرنگ.
مهندس ارشد فرانتاند
حسین خلیلی
محصولات پیچیده. فرانتاند دقیق. آمادهٔ Production.
فرانتاند React / Next.js برای پلتفرمهای بلادرنگ، سیستمهای ترید، داشبوردهای چندنقشی، ابزار ادمین و اپلیکیشنهای دادهمحور میسازم.
آمادهام برای پروژههای فریلنس و تیمهای محصول
برای محصول واقعی ساخته شده — نه فقط دمو.
فرانتاند production در سطحی که برای اپهای پیچیده اهمیت دارد.
بلادرنگ
قیمت زنده، چت، و فید Socket.io / SignalR متصل به state قابل نگهداری UI.
ترید و FinTech
سطوح صرافی کریپتو — کیف پول، خرید/فروش، بازار و فلوهای ترید لاگینشده.
داشبورد چندنقشی
پنلهای نقشمحور که یک دامنه را شریک میشوند، بدون تراکم UI اشتباه.
ادمین و عملیات
کنسولهای فشردهٔ بکآفیس برای بازار، کاربران، پشتیبانی و عملیات روزمره.
فروشگاه و مارکتپلیس
استورفرانت، ابزار فروشنده، checkout چندمرحلهای و عملیات چندپنلی سفارش.
PWA و مینیاپ تلگرام
PWA با قابلیت آفلاین و UI بومی تلگرام با یکپارچهسازی کیف پول.
کارهای منتخب
فرانتاندهای پیچیدهٔ production — ترید، صرافی چندسطحی و فروشگاه چندنقشی.
ترید بلادرنگ
صرافی ارز — arz.me
بازار زنده، کیف پول و خرید/فروش روی یک استک Next.js — صرافی production، نه سایت معرفی.
- Next.js
- TypeScript
- Zustand
- TanStack Query
صرافی چندسطحی
صرافی ارز — xpay.co
SPA ترید کاربر، ادمین عملیات و رسید دیجیتال — یک دامنهٔ محصول با بهروزرسانی زندهٔ SignalR.
- React
- TypeScript
- Vite
- Redux Toolkit
فروشگاه چندنقشی
فروشگاه چندپنلی
ادمین، انبار، انتخابگر سبد، پستچی، فروشگاه و PWA — سفارش مشترک، UI نقشمحور.
- Next.js
- Redux
- PWA
- TypeScript
روی چه چیزی تمرکز دارم
قابلیتهایی که از کار واقعی production آمدهاند — نه لیست عمومی تکنولوژی.
اپلیکیشنهای وب پیچیده
اپهای لاگینشده با فلو چندمرحلهای، state مشترک و محدودیتهای production.
رابطهای بلادرنگ
UI بازار و چت زنده، جایی که subscription و state کلاینت قابل نگهداری بماند.
داشبورد و ادمین
صفحههای فشردهٔ عملیات برای تیمهایی که زیر حجم بالا به وضوح نیاز دارند.
FinTech و ترید
فرانتاند صرافی: کیف پول، ترید، رسید و دامنههای محصول چندسطحی.
فروشگاه و چندنقشه
پنل ادمین، انبار، fulfillment و فروشگاه روی یک دامنهٔ سفارش.
PWA و رابطهای نوظهور
PWA، مینیاپ تلگرام و UI متصل به کیف پول، جایی که پوسته خود محصول است.
سوابق
سازمانها و همکاریهایی که سیستمهای فرانتاند پیچیده در آنها تحویل شده.
graphay
فرانتاند · محصولات AI و بلادرنگ
فرانتاند چتباتهای AI، یکپارچهسازی پردازش تصویر و تحویل محصول مرتبط — از جمله کار مینیاپ تلگرام.
Collaborations
فرانتاند · صرافی، پنل و UI محصول
مشارکت در UI صرافی، کنسول ادمین، سطوح تلگرام/PWA و کار محصول برای تیمهای مختلف.
پروژههای بیشتر
کارهای بیشتر در صرافی، چت، مارکتپلیس، PWA و UI سازمانی.
صرافی و ادمین
صرافی ارز — VisaPay
سایت مارکتینگ و پنل کاربر در کنار ادمین فشردهتر Ant Design — کیف پول، ترید، پشتیبانی.
- Next.js
- React
- TypeScript
- Zustand
ترید تلگرام / PWA
صرافی ارز — SwapNet
لندینگ SEO، پنل ترید تلگرام/PWA و ادمین Ant Design — سه نقطهٔ ورود، یک دامنهٔ صرافی.
- Next.js
- React
- TypeScript
- Vite
مینیاپ تلگرام
Adgame — مینیاپ تلگرام
حلقههای tap/لیدربورد، تبلیغات، رفرال و کیف پول TON Connect — برای پوستهٔ مینیاپ تلگرام.
- React
- TypeScript
- Vite
- Zustand
چت AI بلادرنگ
چتبات AI — Techsnovel
چت بلادرنگ با نشانگر تایپ، صف پیام و نقشهای RBAC — React، Zustand، SignalR.
- React
- TypeScript
- Zustand
- SignalR
مارکتپلیس
مارکتپلیس — Pars Data
لیستینگ، داشبورد فروشنده و checkout چندمرحلهای — مسیر خریدار و فروشنده روی یک کاتالوگ.
- React
- Next.js
- TypeScript
PWA آفلاین
هایپرمارکت PWA — Arsal Web
PWA هایپرمارکت با قابلیت آفلاین — فلوهای خرید مشتری بههمراه داشبورد لجستیک.
- Next.js
- Tailwind CSS
- PWA
ابزار و استک
ابزار پشتیبان — React، Next.js، بلادرنگ و state libraryهایی که در کیساستادیهای بالا آمدهاند.
هسته
- JavaScript
- TypeScript
- React
- Next.js
State و API
- Redux
- Zustand
- REST API
- WebSocket
- Socket.io
- SignalR
رابط کاربری
- Tailwind CSS
- Radix UI
- ShadCN
- Material UI
- SCSS
در حال یادگیری
- NestJS
- Node.js backend patterns
درباره
مهندس ارشد فرانتاند برای اپلیکیشنهای وب پیچیده در production هستم — صرافی کریپتو و fintech، فروشگاه چندنقشی، چت AI، داشبورد، ابزار ادمین و سطوح بلادرنگ.
از ۲۰۱۸ عمدتاً با React و Next.js کار کردهام؛ اغلب معماری فرانتاند محصولات پرتقاضا را رهبری یا مالکیت کردهام. ساختار روشن و state قابل نگهداری را به buzzword ترجیح میدهم.
ساخت UI وب از ۲۰۱۸
آخرین نوشتهها
Redux در برابر Zustand در فروشگاه چندپنلی
وقتی پنل انبار و storefront codebase مشترک دارند اما shape state یکسان نیست.
1 دقیقه مطالعه
مدیریت State معاملات با WebSocket در صرافی
درسهایی از ساخت feed قیمت لحظهای و state سفارش در arz.me — بدون over-engineering.
1 دقیقه مطالعه
پروژه فرانتاند پیچیدهای در ذهن دارید؟
آمادهام برای همکاری فریلنس و تیمهای محصولی که به کار React / Next.js آمادهٔ production نیاز دارند.