Browser-based trading terminal with live candlestick charts, technical indicators, fundamentals, news sentiment, and analyst consensus — powered by the Anthropic Claude API.
A fully functional Bloomberg-style trading terminal built in React, designed to run entirely in the browser with no external data API key required. Market data, fundamentals, news, and analyst ratings are fetched in real time via the Claude API with web search.
Built as both a personal research tool and a showcase of AI-powered financial applications. The terminal replicates the core UX of professional trading platforms at zero infrastructure cost.
- Candlestick chart — 90-day OHLCV data rendered on HTML5 Canvas
- EMA overlays — EMA20 and EMA50 plotted directly on price chart
- RSI(14) — Relative Strength Index with overbought/oversold zones
- MACD(12,26,9) — MACD line, signal line, and histogram
- Fundamentals — P/E ratio, EPS, market cap, revenue, margins
- News — Latest headlines with sentiment classification (bullish / bearish / neutral)
- Analyst consensus — Buy / Hold / Sell ratings aggregated from analyst coverage
- Bloomberg-inspired dark UI
- Ticker search with instant load
- Demo mode with procedurally generated data (no API key needed)
- Responsive layout
| Layer | Technology |
|---|---|
| Frontend | React (hooks) |
| Charts | Chart.js + custom Canvas renderer |
| Data layer | Anthropic Claude API with web search |
| Styling | CSS variables, dark theme |
| Hosting | GitHub Pages / Netlify |
User enters ticker (e.g. AAPL)
│
▼
Claude API called with web_search tool
│
├── Fetches OHLCV price data (90 days)
├── Fetches fundamentals (P/E, EPS, revenue...)
├── Fetches latest news + sentiment
└── Fetches analyst consensus ratings
│
▼
React renders:
- Candlestick chart (Canvas)
- EMA20 / EMA50 overlays
- RSI panel
- MACD panel
- Fundamentals tab
- News tab
- Analyst tab
No Bloomberg subscription. No external API keys. Just Claude.
When no Claude API key is provided, the terminal runs in demo mode:
- Procedurally generated OHLCV data (realistic price simulation)
- Sample fundamentals and news
- Full UI available for exploration
To use live data, add your Anthropic API key in the settings panel.
- Clone the repository
git clone https://github.com/rdgsc/bloomberg-terminal-react.git
cd bloomberg-terminal-react- Install dependencies
npm install- Add your API key (optional — demo mode works without it)
# Create a .env file
REACT_APP_ANTHROPIC_KEY=your_key_here- Run locally
npm start- Build for production
npm run buildDark terminal UI with candlestick chart, RSI, MACD, and fundamentals panel.
bloomberg-terminal-react/
├── src/
│ ├── components/
│ │ ├── CandlestickChart.jsx # Canvas-based OHLCV chart
│ │ ├── RSIPanel.jsx # RSI(14) indicator
│ │ ├── MACDPanel.jsx # MACD(12,26,9) indicator
│ │ ├── FundamentalsTab.jsx # Company fundamentals
│ │ ├── NewsTab.jsx # News + sentiment
│ │ └── AnalystTab.jsx # Analyst consensus
│ ├── hooks/
│ │ └── useClaudeData.js # Claude API data fetching
│ ├── utils/
│ │ └── demoData.js # Procedural demo data generator
│ ├── App.jsx
│ └── index.js
├── public/
└── README.md
- Personal research — quick fundamental + technical overview on any ticker
- Portfolio showcase — demonstrates AI-powered FinTech application development
- Learning tool — explore technical indicators on historical price data
- Portfolio tracker (multi-ticker watchlist)
- Options chain viewer
- Earnings calendar
- Backtesting module for simple strategies
- Export to PDF report
This terminal is for informational and educational purposes only. It does not constitute financial advice. Data is fetched via AI web search and may not be accurate or complete. Always verify with official sources before making investment decisions.
Rodolphe de Gouvion Saint-Cyr Finance & Management student — ESDES Lyon Business School Founder of NEURAXIS (AI automation for SMEs)
