Horizon Scanner

• Dual-Architecture Charting
  • TradingView Native Engine: An embedded, uncompromised <TradingViewWidget> pulling real-time institutional feeds directly inside the UI.
  • Proprietary Lightweight Chart: A custom local timeline engine powered by lightweight-charts capable of bypassing OPRA restrictions to elegantly graph exotic option pricing curves directly from Yahoo API endpoints!
• Robust Options View Engine
  • Parses multi-tier Option Chains (Calls vs Puts) seamlessly.
  • Split-Screen Analytics: Interacting with specific contracts within the table organically injects a dedicated timeline visualizing that derivative's specific historic decay right above the ledger!
• Global Oracle Auto-Complete
  • Debounced 300ms Oracle Search automatically resolving partial acronyms utilizing Yahoo Finance query trees organically within a stylistic dropdown map.
• Modern Aesthetic Interface
  • Constructed on Vue 3 & Vite mapping an ultra-sleek Glassmorphism "Dark Mode" styling library powered through native scalable CSS geometries.

• Frontend: Vue 3 (Composition API), Vite, Lightweight-Charts.
• Backend: Node.js, Express, yahoo-finance2 API wrapper.

To run this application locally, you will need to boot both the Node proxy server and the Vite component architecture.

The backend exclusively negotiates all cross-origin data payloads via Yahoo Finance.

# Navigate to the backend directory
cd backend

# Install necessary Oracle networking packages
npm install

# Start the Express server (Defaults typically to port 3000)
npm run start 
# or 
node server.js

In a secondary terminal window, compile the Vite platform.

# Navigate to the frontend directory
cd frontend

# Install necessary Vue layout modules
npm install

# Instigate the hot-reloading development server
npm run dev

You can now access the application via http://localhost:5173 in your browser!

Deploying the stack requires splitting the static UI artifacts away from the live backend listener.

1. Ensure your backend server.js listens fluidly to process environmental ports: const PORT = process.env.PORT || 3000;.
2. Push your backend subdirectory to a hosting provider.
3. Configure the provider to execute npm install and node server.js.
4. Take note of the live URL (e.g. https://my-backend.up.railway.app).

1. Because the frontend relies entirely on your backend for Yahoo Finance queries, you must configure your production API string!
2. Run Vite's rigorous build configuration:

cd frontend
npm run build

3. Upload the generated dist/ directory to your static host.

TradingView Embed architectures scale safely natively across all production environments and are unbound by traditional proxy CORS blockades!