StockChat is an open-source generative AI project designed to provide a rich chat interface with integrated stock analysis capabilities. Developed using FastAPI and React, StockChat serves as an alternative to conventional financial tools, enabling users to leverage AI for real-time stock market insights.

Key Features

• DSPy Integration: Seamless financial analysis pipelines are built directly into the application, enabling advanced data interpretation.
• Trading Signals: Visual real-time representations of technical indicators help users make informed trading decisions.
• Market Data Processing: An extensible framework for data ingestion facilitates rapid response and adaptability to market changes.
• Research Cache: Utilizes SQLite for efficient storage and retrieval of analysis results, enhancing user experience through quick access to prior data.
• Data Saving: Users can save their analysis results via a dedicated API endpoint, allowing for easy sharing and revisiting of insights.
• TA-Lib Integration: Incorporates professional-grade technical analysis calculations to support in-depth financial assessment.

Technical Stack

The architecture employs a robust tech stack:

• Frontend: React with TypeScript, styled using TailwindCSS and bundled with Vite for optimal performance.
• Backend: FastAPI and Python enable rapid server interaction while integrating DSPy for advanced analysis.
• Database: SQLite manages data storage efficiently.
• Deployment: Docker and Docker Compose facilitate smooth deployment and scaling.

Component Structure

The application is organized into distinct components, focusing on user interaction and data visualization:

src/
├── components/
│   ├── ui/          # Shadcn UI components
│   ├── Header.tsx   # App header with theme toggle
│   ├── LandingPage.tsx  # Welcome screen with examples
│   ├── LoadingPage.tsx  # Loading state display
│   ├── MessageInput.tsx # Chat input component
│   ├── MetricCard.tsx   # Financial metrics display
│   ├── ResultPage.tsx   # Analysis results view
│   ├── ShareButton.tsx  # Share functionality
│   ├── StockChart.tsx   # Interactive stock chart
│   ├── StockHeader.tsx  # Stock price header
│   └── TradingSignal.tsx # Trading indicators
├── util/
│   ├── api.ts      # API client
│   ├── theme.ts    # Theme management
│   └── utils.ts    # Utility functions
└── App.tsx         # Main application

StockChat represents a powerful tool for developers wishing to integrate AI-driven financial solutions, combining accessibility with comprehensive analytical capabilities.