A sophisticated stock analysis platform powered by a multi-agent AI architecture that provides comprehensive insights, real-time data analysis, and intelligent market commentary using natural language queries.
Simply click the link above to see the live project: https://stock-analysis-ai.netlify.app
Demo-Stock-Analysis.ai.mp4
- Ticker Identifier Agent: Extracts stock symbols from natural language queries
- News Agent: Fetches and analyzes latest stock-related news
- Price Agent: Retrieves real-time stock prices and market data
- Price Change Agent: Calculates price movements and trends
- Analysis Agent: Provides comprehensive AI-powered insights
- Natural language understanding for stock queries
- Smart ticker symbol extraction from company names
- Context-aware stock identification
- Advanced pattern matching for various query formats
- Real-time stock price data
- Price change calculations with percentage movements
- Sentiment analysis of market news
- AI-generated investment insights
- Confidence scoring for predictions
- Beautiful gradient design with glassmorphism effects
- Responsive layout for all devices
- Real-time loading states and animations
- Interactive example queries
- Professional data visualization
- Frontend: React 18.3.1 + TypeScript
- Styling: Tailwind CSS + shadcn/ui components
- Build Tool: Vite
- Icons: Lucide React
- State Management: React Hooks
- Architecture: Agent-based design pattern
The AI understands natural language queries like:
- "Why did Tesla stock drop today?"
- "What's happening with Palantir stock recently?"
- "How has Nvidia stock changed in the last 7 days?"
- "Apple stock price analysis"
- "Show me Microsoft's current performance"
src/
├── agents/ # AI Agent implementations
│ ├── TickerIdentifierAgent.tsx # Company/ticker identification
│ ├── TickerNewsAgent.tsx # News fetching and analysis
│ ├── TickerPriceAgent.tsx # Price data retrieval
│ ├── TickerPriceChangeAgent.tsx # Price movement calculations
│ └── TickerAnalysisAgent.tsx # Comprehensive analysis
├── components/ # React components
│ ├── AgentOrchestrator.tsx # Agent coordination
│ ├── StockAnalysisResults.tsx # Results display
│ └── ui/ # shadcn/ui components
├── types/ # TypeScript definitions
│ └── stock.ts # Stock-related interfaces
└── pages/ # Application pages
└── Index.tsx # Main application page
- Node.js (v16 or higher)
- npm or yarn
-
Clone the repository
git clone https://github.com/BigBang001/Stock_Analysis_AI cd Stock_Analysis_AI -
Install dependencies
npm install
-
Start the development server
npm run dev
-
Open your browser Navigate to
http://localhost:5173to see the application
npm run dev- Start development server with hot-reloadnpm run build- Build for productionnpm run preview- Preview production build locallynpm run lint- Run ESLint for code quality
To extend the system with new agents:
- Create a new agent class in
src/agents/ - Implement the
AgentResponseinterface - Add the agent to
AgentOrchestrator.tsx - Update type definitions in
src/types/stock.ts
Built with shadcn/ui for consistent, accessible components:
- Cards for data display
- Badges for sentiment indicators
- Buttons with loading states
- Input fields with validation
- Responsive grid layouts
- Real-time WebSocket data feeds
- Advanced charting with technical indicators
- Portfolio tracking and management
- Email alerts and notifications
- Fork the repository
- Create a feature branch (
git checkout -b feature/amazing-feature) - Commit your changes (
git commit -m 'Add amazing feature') - Push to the branch (
git push origin feature/amazing-feature) - Open a Pull Request