Interactive stock charting application: https://rmoreirao.github.io/FinanceViz/
React 18 • TypeScript • Vite • TailwindCSS • Lightweight Charts
cd src/frontend
npm install
npm run dev- 7 chart types (Candlestick, Line, Bar, Area, Hollow, Heikin-Ashi, Baseline)
- 15+ technical indicators (SMA, EMA, RSI, MACD, Bollinger Bands, etc.)
- Multiple time ranges (1D to MAX)
- Symbol search with autocomplete
- Fluid responsive design (desktop, tablet, mobile) with auto-resizing
- Dark/light theme support
This project uses Custom VS Code Agents to orchestrate the development lifecycle. Each agent specializes in a specific role and hands off to the next agent in the workflow.
.----------------. .--------------------.
| Playwright MCP | | Review Docs Prompt |
'----------------' '--------------------'
^ ^ : Uses
: Uses : V
+---------------+ +----------------------+ +--------------------+ +-----------------+ +------------------+ /-----\
| Product Owner | --> | Technical Specialist | --> | Frontend Developer | --> | Frontend Tester | --> | Technical Writer | --> | END |
+---------------+ +----------------------+ +--------------------+ +-----------------+ +------------------+ \-----/
| Creates Spec | ^ Fix | :
v v |_________| :
.----------------. .----------. : uses
| REQUIREMENTS.md| | TASKS.md | v
'----------------' '----------' .-------------------.
| E2E Testing SKILL |
'-------------------'
+--------------------------------------------------------------------------------------------------------------------------+
| Custom Instructions |
+--------------------------------------------------------------------------------------------------------------------------+
| Agent | Role | Output |
|---|---|---|
| ProductOwner | Gathers requirements and creates feature specifications | /docs/specs/{id}_{name}/REQUIREMENTS.md |
| TechnicalSpecialist | Breaks down features into implementable tasks with testing criteria | /docs/specs/{feature}/TASKS.md |
| FrontendDeveloper | Implements tasks, validates builds, verifies UI with Playwright | Code changes + commits |
| FrontendTester | Creates comprehensive Playwright E2E tests | e2e/{feature}/*.spec.ts |
| TechnicalWriter | Updates project documentation to reflect changes | README.md, SPECIFICATIONS.md |
This project is licensed under the MIT License - see the LICENSE file for details.
Disclaimer: This application is used only for educational purposes. It is a simulation and should not be used for real financial trading or investment advice.