Skip to content
All Projects
Software

Track Trade

Track Trade is a social platform for Forex traders that combines performance analytics with community features. Originally built with CRA and React 17, I fully modernized the stack — migrating to Vite, upgrading to React 18 and Router v6, and adding interactive equity curves, currency performance breakdowns, embedded TradingView charts, and a real-time messaging system. Traders can log trades with calculated metrics (pips, P/L, win rate, drawdown), compete on leaderboards, and earn achievements.

Category

Software

Timeline
February 2020 April 2026
Reading Time
2 min read
Tech Stack
React 18ViteFirebaseMaterial UI v5RechartsSCSS
Track Trade screenshot

Overview

Track Trade is a social media platform built specifically for Foreign Exchange traders, combining performance analytics with community features.

Problem

Forex traders lacked a dedicated platform to track their trading performance visually and share their strategies with a like-minded community. Existing tools were either purely analytical or purely social, never both.

Approach

I designed and built a full-stack application that bridges the gap between trading analytics and social networking, including a full modernization of the original codebase:

  • Full modernization: CRA to Vite, React 17 to 18, Router v5 to v6, replaced deprecated MUI APIs; fixed auth listener memory leaks and race conditions, and cleaned significant tech debt
  • Trade logging with calculated metrics — pips, P/L, win rate, and drawdown
  • Interactive equity curves and currency performance breakdowns using Recharts
  • Embedded TradingView charts and economic calendar widgets for market context
  • Real-time messaging system for trader-to-trader communication
  • Achievement system with unlockable badges based on trading milestones
  • Leaderboard ranking traders by performance metrics
  • User Profiles showcasing trading history, stats, and strategy descriptions
  • Trade idea sharing with risk/reward analysis for community strategy discussion
  • Reusable component library for consistent UI patterns across the platform
  • Firebase Backend for real-time data sync, authentication, and cloud storage

Result

Built a fully functional social trading platform that serves as both a trading journal and social network. Traders can log and analyze their Forex trades with detailed metrics, visualize performance through interactive charts, share strategies with the community, and compete on leaderboards — all within a modernized React 18 application with real-time data sync.