Dashboard UI na Next.js
Stos technologiczny:
• React 18
• Next.js 13+ (App Router, SSR/SSG)
• TypeScript
• Tailwind CSS
• shadcn/ui
• ESLint + Prettier
Stan i API:
• React Query (TanStack Query)
• Zod
• React Hook Form
Funkcjonalność:
Dashboard
• Dynamiczne grupowanie zadań
• Adaptacyjna siatka
• Komponent karty zadań z tagami
• Dropdowny działań
• Grupa awatarów
• Kolumny ze scrollowaniem
• Optymalizowane pobieranie danych przez React Query
Strona ustawień
• Walidacja przez Zod
• Integracja z React Hook Form
• Niestandardowe inputy ze stanami
• Panel profilu z wskaźnikiem postępu
• Całkowicie adaptacyjny UI
• React 18
• Next.js 13+ (App Router, SSR/SSG)
• TypeScript
• Tailwind CSS
• shadcn/ui
• ESLint + Prettier
Stan i API:
• React Query (TanStack Query)
• Zod
• React Hook Form
Funkcjonalność:
Dashboard
• Dynamiczne grupowanie zadań
• Adaptacyjna siatka
• Komponent karty zadań z tagami
• Dropdowny działań
• Grupa awatarów
• Kolumny ze scrollowaniem
• Optymalizowane pobieranie danych przez React Query
Strona ustawień
• Walidacja przez Zod
• Integracja z React Hook Form
• Niestandardowe inputy ze stanami
• Panel profilu z wskaźnikiem postępu
• Całkowicie adaptacyjny UI