FRONT END DEVELOPER
PORTFOLIO

Connect

FX Trading App

  • Vue 3
  • Chart JS
  • Playwright
  • Pinia

Overview

I built an interactive FX trading dashboard that lets users explore market pairs, switch timeframes, and view historical pricing data through a responsive chart-based interface. Including API integration, state management, reusable Vue components, and building around real-world constraints like rate limits

Year

2025

Main Goal

My main goal with this project was to build a responsive FX trading dashboard that could display real historical market data in a clean, interactive way. I wanted to move beyond a static frontend and build something that involved API integration, state management, charting, and a more realistic user flow.

Outcome

The outcome was a Vue 3 application where users can switch between exchanges, select symbols, and view historical price data across multiple timeframes. I built it using Vue 3, TypeScript, Vite, Pinia, Vue Router, Chart.js, vue-chartjs, and Playwright. Through this project, I learned how to structure a frontend app around reusable components, manage shared state with Pinia, connect UI controls to a third-party financial API, handle edge cases like missing API keys and rate limits, and present data in a clearer way through charts and responsive design.