Хранение 3D моделей в БД с доступом по ссылке или QR коду

Привет! Представляю Вам новый проект 

Итак, обратилась ко мне команда молодых ребят, которые занимаются 3d моделированием! 

Они хотят чтоб мы создали для них веб приложение, куда они могли бы добавлять произведенные ими 3D модели, хранить их там, управлять, просматривать, показывать в AR, делиться ими на своем сайте! Фронт хотят на React, Back-End на C#.

Так-же в отображении моделей будем использовать Three.js 

Мы уже начали первичную подготовку данного проекта к реализации, настроили сервера, повесили первые, подготовленные нами системы на домены.

Админ - панель для добавления 3д объектов - http://admin.web-you.pl/

Просмотри 3д моделей добавленных в админ-панель -  http://ar-catalog.web-you.pl 

На данный момент есть начальная версия системы добавления 3д моделей в БД, для этого мы реализовали на React такой себе Master Admin, куда они могут зайти как на сайт и добавить свои 3д модели, затем они могут посмотреть их в AR с помощью нами подготовленного просмотрщика 3д моделей.  
Далее нужно реализовать систему легирования и регистрации, систему локализации(чтоб переводило систему на разные языки), реализовать просмотрщик 3д моделей в вэб части и ещё много разных фишек..

Вот описание фишек по блокам:

Выставка А

3D и WebAR Функции 3D-просмотрщика:

Навигация: 3D-просмотрщик должен быть отзывчив на нажатия пальцем, на перемещение мыши и масштабирование.
Поддерживаемые карты: просмотрщик должен иметь возможность воспроизводить следующие текстурные карты: базовый цвет, шероховатость, металличность, нормальные, непрозрачность и блеск. Только набор текстур обновляется при выборе цветовой вариации. Модель не должна перезагружаться для оптимальной производительности.
Освещение и тени: просмотрщик должен обеспечивать реалистичное освещение и тени.
Генератор QR-кодов: пользователи настольных устройств должны иметь возможность создавать QR-коды, нажимая на кнопку AR.
Режим изображения: камера должна быть настроена в оптимальное положение и показывать статический 3D-объект, а также должна быть возможность прокручивать 8 камерных углов (360/8).
Полноэкранный режим: просмотрщик должен максимизироваться и возвращаться в исходное состояние при нажатии кнопки полноэкранного режима.
Производительность: просмотрщик должен обеспечивать оптимальную производительность, быстрый рендеринг и низкую задержку для плавного взаимодействия.
Совместимость: просмотрщик должен быть совместим с несколькими платформами, включая настольные компьютеры, веб-сайты и мобильные устройства.
Аналитика и статистика: сервис может предоставлять пользователям аналитические данные и статистику использования их 3D-моделей.
Пользовательский опыт: просмотрщик должен обеспечивать безупречный пользовательский опыт, с ясной и последовательной обратной связью, а также отзывчивым и интуитивно понятным взаимодействием.
Функции 3D-просмотрщика:

1. Вариант цвета: выпадающий список для выбора цветовой вариации.

• Нет выпадающего списка для товаров с одной вариацией цвета.

2. Режим изображения:
   Функции режима изображения:
   вращение (360/8) при касании и перемещении.
   Ссылка: Sayduck 3d
   3. Кнопка AR:
      Всплывающее окно QR-кода для настольных браузеров.
      Режим AR напрямую открывает камеры AR на мобильных устройствах.
   4. Полноэкранный режим:
3. 
   
   • Кнопка переключения в полноэкранный режим
   • Нажмите "Esc", чтобы выйти из полноэкранного режима: всплывающее окно, верхний отступ.
   • Нажмите на значок полноэкранного режима, чтобы вернуться.

4. UI просмотрщика 3D

   1. Иконка 360 градусов: при запуске просмотрщик должен отображать минимальную иконку вращения на 360 градусов, чтобы пользователи знали, что это 3D-пространство (иконка Play 360).
   2. Анимация для иконок: скрыть элементы UI при отсутствии (ссылка: https://skfb.ly/oDOIH) (плавная и быстрая анимация для управления, полосы медиа-файлов).
   3. Цвет иконки синий в текущем режиме. Иконка AR всегда синяя.
      UI-дизайн для просмотрщика 3D уже разработан нами. Все функции кнопок также указаны в комментариях. link:https://www.figma.com/proto/gCdJHKYuf5dqkt1jcVqWE6/SPINNINGMUSE-AR-engine?node-id=95%3A3

Часть B

3D-конфигуратор

Импорт 3D-моделей: пользователи должны иметь возможность импортировать свои 3D-модели в сервис с помощью различных форматов файлов (.obj, .fbx).
Импорт 2D-текстур: пользователи должны иметь возможность импортировать текстурные карты своей 3D-модели (изображения).
Поддерживаемые текстурные карты: базовый цвет, шероховатость, металличность, нормальные, непрозрачность и блеск.
Изменение цвета: пользователи должны иметь возможность добавлять до 5 цветовых вариаций одного и того же продукта в рамках платформы.
Viewport: прямой просмотр 3D-моделей. Пользователи должны иметь возможность видеть свои 3D-модели и изменения в 3D-конфигураторе. (Вращение, масштабирование, как в 3D-просмотрщике)
Название вариации цвета: пользователи должны иметь возможность называть вариации своих продуктов (цвета), чтобы обновлять их в 3D-просмотрщике.
Генерация встроенной ссылки: встроенная ссылка для вышеуказанного завершенного файла для интеграции A.P.I.

Часть C

Панель пользователя и администратора

Панель пользователя:

Страницы:
Страницы входа и регистрации для доступа к платформе.
Главный экран:
Создание нового файла иконка> Платформа
Редактирование базы данных проектов пользователя и встроенные коды.

• Ссылка на дизайн U.I: главный экран Figma.
  Информация о подписке
  Информация о текущем плане, статус использования.
  Информация о текущем плане и возможности обновления плана.

Панель администратора:
Вход для администратора.
Информация о пользователях и их планах подписки.
Управление пользователями: управление и мониторинг учетных записей пользователей, включая создание, редактирование и удаление учетных записей.
Статистика учетной записи пользователя и доступ к файлам пользователя.