Frontend UX/UI

SaaS Table

This dashboard and table were conceptualized for a financial company's expense management platform, using the TanStack Table headless library with React state management. Key features include sorting, filtering, and pinning rows, with data fetched and updated via a MongoDB API and validated by Zod. A debounce function optimizes search performance, and useMemo efficiently caches column data and formatting.

Technologies used

• React
• MongoDB
• TypeScript
• Tailwind CSS
• TanStack Table
• Zod