feat: TradingView Dashboard with Data Source Management (Vibe Kanban)

[dreaifekks]

Summary

Implemented a comprehensive TradingView-based dashboard for visualizing financial data, featuring a modular Data Source Management System.

Changes

• Foundation: Initialized Next.js project with Tailwind CSS and Prisma (SQLite).
• Data Architecture:
  • Defined DataSource and MarketData schemas.
  • Implemented a modular Data Adapter Pattern (LocalDbAdapter, ExternalUrlAdapter) to unify data fetching from local DB and external APIs.
  • Created /api/sources for managing configurations and /api/data for normalized data retrieval.
• Visualization:
  • Integrated lightweight-charts for high-performance candlestick rendering.
  • Built a responsive Chart component with auto-resizing.
• UI/UX:
  • Developed a SourceManager sidebar for switching between data feeds.
  • Added SourceForm for configuring new data sources via JSON.

Why

To provide a flexible platform for visualizing market data from various sources (local storage, external APIs, subscriptions) in a unified interface, as requested in the project initialization.

Implementation Details

• Uses Prisma with SQLite for lightweight, portable configuration and data storage.
• Lightweight Charts was chosen for performance and ease of use.
• The Adapter Pattern allows easy extension for future data sources (e.g., WebSocket subscriptions) without changing the frontend chart logic.

This PR was written using Vibe Kanban