| Signal |
Details |
| Product |
Market screener prototype with landing, dashboard, screener, chart, fundamentals, watchlist, and alerts pages |
| What it demonstrates |
Rapid product prototyping, polished UI systems, mock live data, charting, routing, and test scaffolding |
| Differentiator |
Converts a generic Lovable starter into a recruiter-readable fintech prototype |
| Stack |
React, TypeScript, Vite, Tailwind CSS, shadcn/ui, Recharts, Framer Motion, Vitest |
- Landing page with live-market positioning and product stats
- Dashboard with live breakout feed, market breadth, sector heatmap, and signal cards
- Screener and chart views for exploring mock market conditions
- Watchlist and alerts workflows
- Fundamentals page for company-level analysis
- Mock live-data hooks to simulate changing market state
npm run build
npm run lint
npm run test
| Layer |
Tooling |
| Frontend |
React, TypeScript, Vite |
| UI |
Tailwind CSS, shadcn/ui, Radix primitives |
| Motion |
Framer Motion |
| Charts |
Recharts |
| Testing |
Vitest, Testing Library |
Prototype. This repository is part of the BreakoutScan product exploration set and is useful for showing UI velocity and market-dashboard design thinking.
