Schrank

Screenshots

Problem Statement

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 optionsInteractive price charts and time range selection

Solution

For developing Schrank Dashboard I used:Next.js for server-side rendering and routingReact for component-based UI developmentTypeScript for type safetyMysql & Expressjs for the backendPuppeteer for crawling bid & sales dataTailwind CSS & Shadcn UI for responsive stylingRecharts for data visualizationI 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.