EXCN

EXCN is a full-stack investment dashboard built as an MVP foundation for modern fintech apps. Designed for startups, creators, or analysts looking to visualize stock performance, track portfolios, and create a personalized investing experience from day one. Every screen is functional, dark, and data-driven - ready to be launched or extended.

Build a dark-mode investment dashboard MVP with full Supabase integration. The app should include:

Supabase auth (email + Google)

Welcome and onboarding screens

A dashboard view featuring:

“Popular today” watchlist block with company cards (price, delta, logo)

Stock detail page with graph, description, watch toggle

Portfolio page showing owned assets, quantities, and live value

Settings page for account management and dark mode toggle

Use Framer Motion for smooth transitions, Radix UI for component primitives, and Tailwind for styling. Layout and theme should be inspired by Fey and Linear — dark, clean, elegant.

EXCN leans into calm, confident design. The color palette echoes mature finance tools while maintaining the crispness of a modern web app. Layouts are grid-aligned with subtle spacing rhythms to reduce visual fatigue when browsing dense data. Animations are minimal and purposeful - used to guide interaction, not distract.

The watchlist cards pop visually with micro-deltas, company icons, and hover states, making it effortless to track movement. The portfolio page mirrors the tone of an actual brokerage UI, giving users a sense of legitimacy and trust. Most importantly, it’s all real. Tied to user sessions, synced to the backend, and fully functional.

If charts fail to load, check the seed data or mock API integration

Supabase keys need to be correctly set in .env

For production: enable RLS on portfolio + watchlist tables and extend schema for historical tracking