A modern, customizable finance dashboard built with Next.js that allows users to create their own real-time finance monitoring dashboard with various financial data widgets.
- Widget Management System: Add, remove, and rearrange finance widgets with drag-and-drop
- Multiple Widget Types:
- Tables: Paginated stock lists with search and filters
- Finance Cards: Market gainers, watchlists, and performance data
- Charts: Line and candlestick charts with multiple intervals
- Real-time Data: Live stock data updates with configurable refresh intervals
- Dark/Light Mode: Professional theme optimized for financial data
- Data Persistence: Dashboard layouts persist across sessions
- Responsive Design: Fully responsive across all devices
- Framework: Next.js 16 with App Router
- Styling: Tailwind CSS v4
- State Management: Zustand with persistence
- Charts: Recharts
- Drag & Drop: dnd-kit
- UI Components: shadcn/ui