Dashboard UI на Next.js
Технологічний стек:
• React 18
• Next.js 13+ (App Router, SSR/SSG)
• TypeScript
• Tailwind CSS
• shadcn/ui
• ESLint + Prettier
Стан та API:
• React Query (TanStack Query)
• Zod
• React Hook Form
Функціональність:
Dashboard
• Динамічне групування задач
• Адаптивна грід-сітка
• Компонент карточки задач з тегами
• Дропдауни дій
• Група аватарів
• Колонки зі скролом
• Оптимізоване отримання даних через React Query
Settings Page
• Валідація через Zod
• Інтеграція з React Hook Form
• Кастомні інпути зі станами
• Панель профілю з індикатором прогресу
• Повністю адаптивний UI
• React 18
• Next.js 13+ (App Router, SSR/SSG)
• TypeScript
• Tailwind CSS
• shadcn/ui
• ESLint + Prettier
Стан та API:
• React Query (TanStack Query)
• Zod
• React Hook Form
Функціональність:
Dashboard
• Динамічне групування задач
• Адаптивна грід-сітка
• Компонент карточки задач з тегами
• Дропдауни дій
• Група аватарів
• Колонки зі скролом
• Оптимізоване отримання даних через React Query
Settings Page
• Валідація через Zod
• Інтеграція з React Hook Form
• Кастомні інпути зі станами
• Панель профілю з індикатором прогресу
• Повністю адаптивний UI