barman-tech
Front-End Architecture · Crypto Exchange
Led front-end architecture for a production crypto exchange — trading, wallet, reporting, and real-time markets.
Senior Frontend Engineer
Hossein Khalili
Complex Products. Thoughtful Frontends. Built for Production.
I design and build React / Next.js frontends for real-time platforms, trading systems, multi-role dashboards, admin tools, and data-heavy web applications.
Open to freelance projects and product teams
Built for real products, not just demos.
Production frontends across the surfaces that matter for complex web apps.
Real-Time
Live prices, chat, and Socket.io / SignalR feeds wired into reliable UI state.
Trading & FinTech
Crypto exchange surfaces — wallet, buy/sell, markets, and authenticated trading flows.
Multi-Role Dashboards
Role-specific panels that share one domain without sharing the wrong UI density.
Admin & Ops
Dense back-office consoles for markets, users, support, and day-to-day operations.
E-commerce & Marketplace
Storefronts, seller tools, multi-step checkout, and multi-panel order operations.
PWA & Telegram Mini Apps
Offline-capable PWAs and Telegram-native mini-app UIs with wallet integrations.
Selected work
Complex production frontends — trading, multi-surface exchanges, and multi-role commerce.
Real-Time Trading
Crypto Exchange — arz.me
Live markets, wallet, and buy/sell on one Next.js stack — a production exchange, not a brochure site.
- Next.js
- TypeScript
- Zustand
- TanStack Query
Multi-Surface Exchange
Crypto Exchange — xpay.co
User trading SPA, ops admin, and digital receipts — one product domain with SignalR live updates.
- React
- TypeScript
- Vite
- Redux Toolkit
Multi-Role Commerce
Multi-Panel E-Commerce
Admin, warehouse, basket-picker, postman, storefront, and PWA — shared orders, role-specific UIs.
- Next.js
- Redux
- PWA
- TypeScript
What I specialize in
Capability areas shaped by shipped production work — not a generic tech laundry list.
Complex Web Applications
Authenticated apps with multi-step flows, shared state, and production constraints.
Real-Time Interfaces
Live market and chat UIs where subscriptions and client state stay maintainable.
Dashboards & Admin
Ops-dense screens for teams that need clarity under volume — Ant Design and custom.
FinTech & Trading
Exchange frontends: wallet, trading, receipts, and multi-surface product domains.
E-commerce & Multi-Role
Admin, warehouse, fulfillment, and storefront panels on one order domain.
PWA & Emerging Interfaces
PWAs, Telegram Mini Apps, and wallet-connected UI where the shell is the product.
Experience
Organizations and collaborations where complex frontend systems shipped.
graphay
Front-End · AI & Real-Time Products
Front-end for AI chatbots, image-processing integrations, and related product delivery — including Telegram mini-app work.
Collaborations
Front-End · Exchanges, Panels & Product UI
Contributed across exchange UIs, admin consoles, Telegram/PWA surfaces, and product work for multiple teams.
Additional projects
More production work across exchanges, chat, marketplace, PWA, and institutional UI.
Exchange + Admin
Crypto Exchange — VisaPay
Marketing site and user panel paired with a denser Ant Design ops admin — wallet, trade, support.
- Next.js
- React
- TypeScript
- Zustand
Telegram / PWA Trading
Crypto Exchange — SwapNet
SEO landing, Telegram/PWA trading panel, and Ant Design admin — three entry points, one exchange domain.
- Next.js
- React
- TypeScript
- Vite
Telegram Mini App
Adgame — Telegram Mini App
Tap/leaderboard loops, ads, referral, and TON Connect wallet — built for the Telegram mini-app shell.
- React
- TypeScript
- Vite
- Zustand
Real-Time AI Chat
AI Chatbot — Techsnovel
Real-time chat with typing indicators, message queue, and RBAC-aware roles — React, Zustand, SignalR.
- React
- TypeScript
- Zustand
- SignalR
Marketplace
Marketplace — Pars Data
Listings, seller dashboard, and multi-step checkout — buyer and seller journeys on one catalog.
- React
- Next.js
- TypeScript
Offline PWA
Hypermarket PWA — Arsal Web
Offline-capable hypermarket PWA — customer shopping flows plus a logistics dashboard.
- Next.js
- Tailwind CSS
- PWA
Tools & stack
Supporting toolkit — React, Next.js, real-time, and state libraries used across the case studies above.
Core
- JavaScript
- TypeScript
- React
- Next.js
State & APIs
- Redux
- Zustand
- REST API
- WebSocket
- Socket.io
- SignalR
UI
- Tailwind CSS
- Radix UI
- ShadCN
- Material UI
- SCSS
Building with
- NestJS
- Node.js backend patterns
About
I'm a senior frontend engineer for complex production web applications — crypto and fintech exchanges, multi-role e-commerce, AI chat, dashboards, admin tools, and real-time surfaces.
Since 2018 I've worked primarily with React and Next.js, often owning or leading frontend architecture on demanding products. I prefer clear structure and maintainable state over buzzwords.
Building web UIs since 2018
Latest writing
Redux vs Zustand in Multi-Panel E-Commerce
When a warehouse panel and a storefront share a codebase but not the same state shape.
1 min read
Managing Trade State with WebSockets in a Crypto Exchange
Lessons from building live price feeds and order state on arz.me — without over-engineering.
2 min read
Have a complex frontend project in mind?
Open to freelance engagements and product teams that need production-ready React / Next.js work.