Створено інтуїтивну панель управління для власників і менеджерів автопарку. Дозволяє відстежувати статус автопарку, активні оренди та фінансові показники бізнесу.
Функціонал:
Dashboard Overview: загальна кількість авто, активні оренди, місячний дохід, відсоток завантаженості автопарку.
Fleet Status: кругова діаграма доступних, орендованих і на обслуговуванні автомобілів.
Revenue Trend: графік динаміки доходу.
Навігація: Dashboard, Vehicles, Clients, Bookings, Billing, Settings.
Стиль і UX:
Мінімалістичний, сучасний UI з темною темою та яскравими акцентами, підходить для малого та середнього автопарку.
Технології:
Supabase, Next.js, React, TypeScript, Redux, Redux-Saga, React Hook Form, TailwindCSS, Radix UI, Recharts, Lucide React, Zod.
#NextJS #React #TypeScript #Supabase #Redux #ReduxSaga #TailwindCSS #Recharts #Dashboard #AdminPanel #FleetManagement #CarRental #CRM #Analytics #UIUX #DarkTheme #ResponsiveDesign #Frontend #WebApp #RadixUI #Zod #ReactHookForm #LucideReact
Функціонал:
Dashboard Overview: загальна кількість авто, активні оренди, місячний дохід, відсоток завантаженості автопарку.
Fleet Status: кругова діаграма доступних, орендованих і на обслуговуванні автомобілів.
Revenue Trend: графік динаміки доходу.
Навігація: Dashboard, Vehicles, Clients, Bookings, Billing, Settings.
Стиль і UX:
Мінімалістичний, сучасний UI з темною темою та яскравими акцентами, підходить для малого та середнього автопарку.
Технології:
Supabase, Next.js, React, TypeScript, Redux, Redux-Saga, React Hook Form, TailwindCSS, Radix UI, Recharts, Lucide React, Zod.
#NextJS #React #TypeScript #Supabase #Redux #ReduxSaga #TailwindCSS #Recharts #Dashboard #AdminPanel #FleetManagement #CarRental #CRM #Analytics #UIUX #DarkTheme #ResponsiveDesign #Frontend #WebApp #RadixUI #Zod #ReactHookForm #LucideReact