Laicai8848/SoftTraderFrontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
The frontend for a lite Bloomberg terminal.
3 Commits 1 Branch 0 Tags 293 KiB
TypeScript 97.8%
CSS 2.1%
7179cd3842
Go to file
caspar 7179cd3842 Fixed date issues.
2026-03-21 09:26:43 -04:00
app Fixed date issues. 2026-03-21 09:26:43 -04:00
components Fixed date issues. 2026-03-21 09:26:43 -04:00
hooks Everything frontend. 2026-03-20 11:10:13 -04:00
lib Everything frontend. 2026-03-20 11:10:13 -04:00
public Everything frontend. 2026-03-20 11:10:13 -04:00
styles Everything frontend. 2026-03-20 11:10:13 -04:00
components.json Everything frontend. 2026-03-20 11:10:13 -04:00
LICENSE Initial commit 2026-03-20 10:44:49 -04:00
next.config.mjs Everything frontend. 2026-03-20 11:10:13 -04:00
package-lock.json Everything frontend. 2026-03-20 11:10:13 -04:00
package.json Everything frontend. 2026-03-20 11:10:13 -04:00
pnpm-lock.yaml Everything frontend. 2026-03-20 11:10:13 -04:00
postcss.config.mjs Everything frontend. 2026-03-20 11:10:13 -04:00
README.md Fixed date issues. 2026-03-21 09:26:43 -04:00
tsconfig.json Fixed date issues. 2026-03-21 09:26:43 -04:00

README.md

SoftTraderFrontend

The frontend for a lite Bloomberg terminal.

Features

  • Dashboard — Live clock, NYSE market status indicator (open/premarket/after-hours/closed), rotating stock cards for watched symbols, and news headlines
  • Watchlist — Manage a personal list of stock symbols and topics, with swipeable rows and quick navigation to details
  • Symbol Details — Live quotes with price change, volume, open/close data, collapsible stock chart (1D–3Y), news headlines with sentiment analysis, and configurable price alerts
  • Advanced Candlestick Chart — Full candlestick charting with configurable timeframes and bar sizes, custom date ranges, and interactive crosshair
  • News & Sentiment — Per-symbol news feed with pull-to-refresh and an aggregated sentimentality bar
  • Weather Widget — Current conditions with configurable location and temperature unit (F/C)
  • Settings — Dark/light theme toggle, weather location, temperature unit, 12h/24h time format

Tech Stack

  • Framework: Next.js 16 (App Router)
  • UI: React 19, Tailwind CSS 4, shadcn/ui (Radix primitives)
  • Charts: Recharts (line/area), custom D3-based candlestick chart
  • Backend API: api.dongfeng-systems.org (quotes, news, user interests, weather)
  • Analytics: Vercel Analytics
  • Language: TypeScript

Project Structure

app/                        # Next.js App Router pages
  page.tsx                  #   Home / dashboard
  interests/                #   Watchlist
  symbol-details/           #   Individual stock detail view
  complex-chart/            #   Advanced candlestick chart
  interest-details/         #   Topic/interest news feed
  add-item/                 #   Add symbol or topic
  settings/                 #   User settings
components/
  layout/                   # StockClockLayout, Sidebar
  pages/                    # Page-level components (FrontPage, InterestsPage, SettingsPage)
  widgets/                  # StockCard, NewsHeadlines, WeatherWidget, SentimentalityBar, etc.
  stock-chart/              # Line/area stock chart
  candlestick-chart/        # D3-based candlestick chart
  ui/                       # shadcn/ui primitives
  providers/                # ThemeProvider
lib/                        # API clients and utilities
  stockApi.ts               #   Live quotes, historical data
  newsApi.ts                #   News feed
  userInterestsApi.ts       #   Watchlist/interests CRUD
  weatherApi.ts             #   Weather data and preferences

Getting Started

Prerequisites

  • Node.js 18+

Install and Run

npm install
npm run dev

The app will be available at http://localhost:3000.

Scripts

Command Description
npm run dev Start development server
npm run build Production build
npm run start Start production server
npm run lint Run ESLint