reservoir-admin

0

Описание

Разработан прототип панели администратора для управления резервуарами

Языки

  • TypeScript71,5%
  • SCSS24%
  • JavaScript3,5%
  • Dockerfile1%
README.md

Reservoir Admin Panel

Reservoir Admin Panel — это административная панель для управления резервуарами. Проект разработан с использованием современных технологий, таких как - "Next.js", "Axios", "SCSS", "Zustand" и т.д.

🚀 Основные возможности

  • Управление резервуарами:
    • Просмотр списка резервуаров
    • Редактирование информации о резервуарах (объем, емкость и т.д.)
    • Выбор продуктов для резервуаров
  • Поиск и фильтрация:
    • Удобный поиск резервуаров
    • Фильтрация данных по различным параметрам
  • Поддержка нескольких режимов отображения данных (тонны/проценты)
  • Современный дизайн с адаптивной версткой (ну почти)

🛠️ Технологии

  • Frontend: Next.js, React, TypeScript
  • Стилизация: SCSS
  • Состояние: Zustand
  • API: Axios для взаимодействия со swagger-ом
  • Сборка и деплой: Docker (не проверено)

📸 Скриншоты

Главный экранРедактирование резервуара
Главный экранГоризонтальное сжатие
Работа с продуктамиБлокировка резервуара
Вертикальное сжатиеМобильный вид

💻 Комментарии разработчика

Я пытался, честно. Есть проблемы на сайте.

1:

Скролл в списке резервуаров имеет проблемы с прокруткой (он не доезжает до конца трека)

Баг со скроллом

2:

Есть проблемы с Dropdown-меню продуктов, оно некорректно отображается при маленьком вертикальном и большом горизонтальном разрешениях

Баг с Dropdown-меню

Также можно заметить комментарии со времён битвы с ИИ, ещё есть проблемы со структурой (мне кажется тут можно разделить на большие число компонентов, хуков и т.д.), но слишком дорого мне обошлась война с ИИ, поэтому... как-то так.