Dashboard UI on Next.js
Technology stack:
• React 18
• Next.js 13+ (App Router, SSR/SSG)
• TypeScript
• Tailwind CSS
• shadcn/ui
• ESLint + Prettier
State and API:
• React Query (TanStack Query)
• Zod
• React Hook Form
Functionality:
Dashboard
• Dynamic task grouping
• Adaptive grid layout
• Task card component with tags
• Action dropdowns
• Group of avatars
• Columns with scrolling
• Optimized data fetching through React Query
Settings Page
• Validation through Zod
• Integration with React Hook Form
• Custom inputs with states
• Profile panel with progress indicator
• Fully responsive UI
• React 18
• Next.js 13+ (App Router, SSR/SSG)
• TypeScript
• Tailwind CSS
• shadcn/ui
• ESLint + Prettier
State and API:
• React Query (TanStack Query)
• Zod
• React Hook Form
Functionality:
Dashboard
• Dynamic task grouping
• Adaptive grid layout
• Task card component with tags
• Action dropdowns
• Group of avatars
• Columns with scrolling
• Optimized data fetching through React Query
Settings Page
• Validation through Zod
• Integration with React Hook Form
• Custom inputs with states
• Profile panel with progress indicator
• Fully responsive UI