Financial Data · Customizable Dashboard
Investment & Assets Dashboard
A modular market-data workspace built around the signals and layout each user values most.
Executive summary
A customizable market-data workspace combining stocks, cryptocurrency, commodities, currencies, indices, macroeconomic indicators, charts, earnings, news, and user-controlled dashboard layouts.
Independent ownership
Independently conceived, roadmapped, designed, engineered, deployed, and iterated by Steven Sewell across customizable UI/UX, market-data integration, visualization, authentication, persistence, and provider-resilience decisions.
Product context
Market information is often divided among separate quote pages, news tools, charting systems, economic datasets, and watchlists.
Product approach
The application brings those signals into a modular interface that users can arrange around their priorities, with shared symbol context and locally or cloud-persisted layouts.
A workspace users can rearrange
A modular grid lets users add, hide, move, resize, and restore market-information panels. Shared symbol state keeps charts, profiles, comparison views, and news in context while local persistence and authenticated cloud synchronization preserve layout choices.
Designing for imperfect market data
Provider-backed financial data arrives with different fields, refresh schedules, rate limits, and failure modes. Numeric normalization, fallbacks, loading and error states, delayed-data labeling, and candid source context keep the interface useful without implying universal real-time or exchange-grade coverage.
Major capabilities
- Sticky market ticker, stocks, and top movers
- Cryptocurrency, commodities, indices, and currencies
- Macroeconomic indicators, Fear and Greed, and sector performance
- Symbol search, charts, range controls, and comparisons
- Company profiles, statistics, news, sentiment classification, and earnings
- Modular grid with add, hide, move, resize, and reset controls
- Long-press and edit-mode interactions
- Local persistence, Supabase authentication, and cloud layout synchronization
Technology overview
- Next.js 16
- React 19
- TypeScript
- Tailwind CSS 4
- lightweight-charts
- Recharts
- React Grid Layout
- Supabase Auth
- Supabase cloud persistence
- LocalStorage
- Server API routes
- Vercel
- Netlify
Architecture and data systems
- Provider adapters integrate Finnhub, CoinGecko, EIA, FRED, Massive or Polygon-compatible endpoints, Twelve Data, and Alternative.me as available data sources.
- Shared active-symbol state coordinates quote, profile, chart, comparison, and news modules.
- Local hydration and authenticated cloud persistence reconcile user-specific layouts.
Technical challenges
- Normalizing provider fields, numeric values, and formatting
- Rate limits, delayed data, missing fields, and fallbacks
- Chart synchronization and shared symbol state
- Responsive drag, resize, hide, and restore workflows
- Preventing layout flicker and reconciling local and cloud state
- Authentication, cookie handling, loading skeletons, and error recovery
End-to-end ownership and delivery
- Product and interface design
- Front-end engineering
- Market-data integration and visualization
- Authentication
- Customizable workspace architecture
Trust and platform considerations
- Delayed-data labeling and source transparency
- Clear non-advisory positioning with no guaranteed accuracy or returns
- Provider failure states
- Secure environment variables
- Privacy-aware authentication and user-specific layouts
Current status
The production-deployed dashboard is in active development; it presents provider-backed market information and does not provide brokerage connectivity, custody, trading execution, or personalized financial advice.
Product media
Approved screenshots and captions are pending curation. This area is prepared for desktop and mobile media without substituting fabricated imagery.