Jeremy's Portfolio
ProjectsAboutContact
Jeremy's Portfolio
Main Dashboard
AI Analysis Results
Add Stock Flow
Price Zone Indicators
High Confidence Filter
Bilingual UI
Stock Detail View
Main Dashboard
AI Analysis Results
Add Stock Flow
Price Zone Indicators
High Confidence Filter
Bilingual UI
Stock Detail View

BOS Stock Tracker

BOS Stock Tracker is a full-stack web application designed for value investors to track and analyze US stocks. Users can build a personal watchlist, and the AI automatically queries financial data to assign a confidence score and calculate fair entry and review price targets for each stock. The app supports bilingual UI (English and Chinese) and fetches live prices from Yahoo Finance every 20 minutes. Each stock is color-coded by price zone — green for Buy Zone (current ≤ fair entry), yellow for Fair Zone, and red for Overvalued — giving investors an at-a-glance assessment of market conditions. A high-confidence filter highlights stocks with scores ≥ 7.5. Users can add new stocks via an AI analysis pipeline that takes 15–30 seconds to query and evaluate all relevant financial data.

Next.jsTypeScriptTailwind CSSClaude AIYahoo Finance APIAI-AssistedBilingual
Key Features
  • Personal stock watchlist with real-time price updates every 20 minutes via Yahoo Finance
  • AI-powered stock analysis that auto-queries financial data and assigns a confidence score
  • Price zone classification — Buy Zone, Fair Zone, and Overvalued — based on current vs. target prices
  • High-confidence filter highlighting stocks with scores ≥ 7.5
  • Bilingual UI with seamless English and Traditional Chinese switching
  • Add stock flow: enter a ticker, AI runs analysis in 15–30 seconds and populates all data
  • Fair Entry and Review Price targets calculated per stock
  • Stock type tagging (Dividends, Growth) for quick categorization
  • Edit and delete stocks from the watchlist
  • Detailed stock view page for each tracked company
  • User authentication with secure login and registration
  • Deployed on Vercel with serverless architecture
Tech Stack

Frontend

Next.jsTypeScriptTailwind CSSApp Router

Backend

Next.js API RoutesClaude AI APIYahoo Finance API

AWS Services

Claude AI (stock analysis & scoring)Yahoo Finance (live price data)Vercel (deployment)

Development Tools

GitnpmVercel
Challenges
  • Designing an AI pipeline that queries financial data and produces a structured confidence score and price targets
  • Integrating Yahoo Finance for real-time price polling without exceeding rate limits
  • Implementing bilingual UI (EN/ZH) with clean state management across the entire app
  • Building price zone logic that dynamically classifies each stock based on live price vs. AI-set targets
  • Handling the async AI analysis flow with user-friendly loading states and timing feedback
Key Learnings
  • Claude AI API integration for structured financial data extraction and scoring
  • Yahoo Finance API usage for real-time stock price retrieval
  • Bilingual (i18n) UI patterns in Next.js without a dedicated i18n library
  • Serverless deployment on Vercel with Next.js App Router and API routes
  • Designing investment-focused UX with clear data hierarchy and color-coded status indicators