CapitalEdge - Stocks Dashboard
CapitalEdge is a stock market dashboard landing page built with Next.js 16, React.js 19, and Tailwind CSS v4. It features a hero section with a stock search flow, a 'how it works' sequence, feature cards, a live demo preview, and supporting sections for tech details and contact.
Next.js
Framer Motion
Tailwind CSSOverview
CapitalEdge is a stock market dashboard landing page built with Next.js 16, React.js 19, and Tailwind CSS v4. It features a hero section with a stock search flow, a 'how it works' sequence, feature cards, a live demo preview, and supporting sections for tech details and contact.
Process
The app starts with a stock ticker input in the hero section, validates it, then fetches stock data from the Yahoo Finance API. It renders the results across specialized components: a hero search flow, a 'how it works' sequence, feature cards, a live demo preview, and supporting sections for tech details and contact.
Outcome
A production-ready stock market dashboard experience that balances striking visual design with practical usability, making complex financial data easy to scan, explore, and present.