Schrank
Schrank. The NFT trader's secret weapon. Bid depths, and floor sales data at your fingertips. No more guesswork – make informed trading decisions with schrank. From floor-bid spreads to price trends. Trade smarter.
Project Description
Schrank is an NFT Trading Dashboard and Interface that allows users to track, analyze, and potentially trade NFT collections. Key features include:
- A dashboard displaying NFT collection metrics (floor changes, bid changes, floor sales)
- Card and table views with filtering and sorting options
- Interactive price charts and time range selection
How it's Made
For developing Schrank Dashboard I used:
- Next.js for server-side rendering and routing
- React for component-based UI development
- TypeScript for type safety
- Mysql & Expressjs for the backend
- Puppeteer for crawling bid & sales data
- Tailwind CSS & Shadcn UI for responsive styling
- Recharts for data visualization
I used a modular structure with separate components for the main dashboard (and trading interface). The dashboard implements efficient pagination and filtering techniques to handle large datasets smoothly. A notable feature is the dynamic rendering of card/table views and the responsive layout of the trading interface, adapting to different screen sizes while maintaining functionality.
