Дашборд 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
Функциональность:
Дашборд
• Динамическое группирование задач
• Адаптивная грид-сетка
• Компонент карточки задач с тегами
• Дропдауны действий
• Группа аватаров
• Колонки со скроллом
• Оптимизированное получение данных через React Query
Страница настроек
• Валидация через 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
Функциональность:
Дашборд
• Динамическое группирование задач
• Адаптивная грид-сетка
• Компонент карточки задач с тегами
• Дропдауны действий
• Группа аватаров
• Колонки со скроллом
• Оптимизированное получение данных через React Query
Страница настроек
• Валидация через Zod
• Интеграция с React Hook Form
• Кастомные инпуты с состояниями
• Панель профиля с индикатором прогресса
• Полностью адаптивный UI