Trading Stats Dashboard

This dashboard was developed to track and visualize the performance from Prop Trader. The platform presents key trading metrics clearly, interactively, and mobile-optimized. The focus is on high usability, data accuracy, and real-time feedback to support continuous improvement.

Platform

• Web

Technologies

• Next.js, React, Tailwind CSS, Firebase, Vercel

Frontend

The frontend is built with React and Next.js. Tailwind CSS provides a clean and fast design system. Charts and stats are dynamically rendered to provide immediate feedback on trading performance, drawdown, winrate, and more.

Backend

Firebase serves as the backend. User authentication is handled through Firebase Auth, while Firestore stores all trade data securely. Serverless Cloud Functions calculate real-time metrics such as monthly PnL, risk-reward ratio, and trade count.

Deployment

The platform is deployed via Vercel, ensuring high availability and fast load times. Backend services are fully managed by Firebase, offering a seamless CI/CD workflow from GitHub integration to live production.

Features

Key features include dynamic charts, monthly/weekly performance breakdowns, custom analytics like equity curve and drawdown analysis, dark mode, and mobile responsiveness. Users can also view past trades, filter by tags, and analyze their behavior patterns.

Analytics

Firebase Analytics and Firestore queries are used to track app usage and trading trends. This allows performance optimization, behavioral insights, and focused improvements on decision-making processes over time.