How tfs-here/marketpulse works
Market Pulse is a fictional-data mobile app for discovering and inspecting insider-trade examples. A user starts on Home, reviews locally derived summaries and recent activity, opens the Screener to search or filter trades, then selects a result for its filing details and mock activity chart. The main internal layers are the stack navigator, locally defined trade data and types, and reusable presentation components. The README documents Trade Details behavior, but its source was not sampled; connections to its data and chart reflect that documented workflow, not inspected implementation.
Main entry points: HomeScreen.tsx Home screen · ScreenerScreen.tsx Trade screener · AppNavigator.tsx Stack navigator · TradeCard.tsx Trade card
Components 16
App shell
- Expo entry
index.ts - App root
App.tsx - Stack navigator
src/navigation/AppNavigator.tsx
Trade discovery
- Home screen
src/screens/HomeScreen.tsx - Trade screener
src/screens/ScreenerScreen.tsx - Trade details
src/screens/TradeDetailsScreen.tsx
Local trade data
- Mock trades
src/data/mockTrades.ts - Trade types
src/types/trade.ts
Presentation
- Summary card
src/components/SummaryCard.tsx - Trade card
src/components/TradeCard.tsx - Filter chip
src/components/FilterChip.tsx - Signal badge
src/components/SignalBadge.tsx - Mock activity chart
src/components/MockActivityChart.tsx - Value formatters
src/utils/formatters.ts - Theme colors
src/theme/colors.ts
Other components
- Mobile user
Connections 26
- Mobile user → Expo entry: launches
- Expo entry → App root: registers
- App root → Stack navigator: renders
- Stack navigator → Home screen: routes
- Stack navigator → Trade screener: routes
- Stack navigator → Trade details: routes
- Home screen → Trade screener: opens search
- Home screen → Mock trades: reads
- Home screen → Summary card: renders
- Home screen → Trade card: renders
- Trade screener → Mock trades: filters
- Trade screener → Filter chip: renders
- Trade screener → Trade card: renders
- Trade screener → Trade details: opens selected trade
- Trade details → Mock trades: loads trade
- Trade details → Mock activity chart: supplies activity data
- Trade card → Signal badge: renders
- Home screen → Value formatters: formats values
- Trade card → Value formatters: formats value
- Home screen → Theme colors: uses colors
- Trade card → Theme colors: uses colors
- Mock activity chart → Theme colors: uses colors
- Home screen → Trade types: uses route and trade types
- Trade screener → Trade types: uses route and trade types
- Stack navigator → Trade types: uses route types
- Mock trades → Trade types: types records