0
Crafting Digital Experiences
Web Development
Back to Projects
Project CategoryFull Stack
Project Showcase

ChartBan Smart Trading Journal

A desktop-first smart trading journal that combines structured execution logs, team collaboration, multilingual UX, and real-time analytics in one platform.

React
TypeScript
Vite
HeroUI
+6 more
ChartBan Smart Trading Journal

Project Overview

ChartBan is a smart trading journal system designed for disciplined execution and collaborative review. It brings together trade logging, analytics, market context, team chat, and multilingual content delivery inside a single desktop experience powered by Tauri and a MongoDB-backed API.

Development Process

Challenges

The core challenges were keeping dense analytics readable across RTL/LTR layouts, supporting real-time collaboration without chat inconsistency, and building a maintainable i18n pipeline that avoids runtime translation latency and external rate limits.

Solutions

We implemented a MongoDB-first i18n architecture with bootstrap caching, introduced WebSocket-based team chat with reactions and media support, and built modular analytics components that compute actionable metrics from trade history while preserving responsive UX on desktop.

Results & Impact

The result is a production-oriented trading workspace where users can capture every trade detail, review performance with clarity, collaborate in live team rooms, and generate share-ready visuals, all within a cohesive and multilingual platform.

Project Gallery

Tech Stack

React
TypeScript
Vite
HeroUI
TailwindCSS
Tauri
Node.js
Express
MongoDB
WebSockets

Key Features

  • Live team chat room with real-time WebSocket sync, reactions, reply, and media sharing
  • Structured trade journal with TP/SL/RF tracking, checklists, entry/exit reasons, and notes
  • Trade media workflow with image and voice attachments per trade
  • Performance dashboard with net PnL, average PnL, TP hit-rate, position mix, and symbol outcomes
  • Market intelligence module with multi-symbol charts, interval controls, and live news feed
  • Admin management console for users, notifications, site settings, and language bundle editing
  • Multilingual architecture (Persian, English, Arabic) backed by MongoDB i18n bundles
  • Image export studio for social content (Instagram/Telegram presets + PNG export)
  • Desktop-first distribution via Tauri with in-app update handling and bootstrap checks
  • Role-based access controls for admin, manager, and team-level analytics visibility