Веб-приложение для сотрудников Optimum Nutrition Russia

Описание

Задача

Создать внутреннее веб-приложение для сотрудников Optimum Nutrition Russia, позволяющее управлять маркетинговыми материалами компании — рецептами, тренировками, видео и статьями. Приложение разрабатывалось для внутреннего и внешнего (партнёрского) использования.

Основной функционал

-> Авторизация и безопасность: Авторизация реализована по логину и паролю с использованием JWT. Middleware контролирует аутентификацию и доступ к административным разделам.
-> Управление пользователями: Администратор может добавлять, редактировать и удалять пользователей, назначать им роли и права доступа.

Контент-модули

-> Тренировки и видео: Полный CRUD для фирменных тренировок Optimum Nutrition и связанных видео.
-> Новости и статьи: Админ может публиковать новости компании, статьи и маркетинговые материалы.
-> Рецепты: CRUD для брендовых рецептов с привязкой ингредиентов к продуктам Optimum Nutrition.
-> Добавки и спортпит: Управление ассортиментом продукции для отображения в материалах и рецептах.

UX/UI
 Интерфейс разработан в фирменном стиле бренда, с анимациями (Framer Motion) и адаптацией под десктоп устройства. Используются динамические компоненты с клиентским рендерингом (CSR).

Технологический стек

-> Frontend: TypeScript, Next.js 14+, Zustand, Zod, Framer Motion, React Hook Form, CSS Modules
-> Backend: NestJS, DrizzleORM, PostgreSQL, AWS SDK, Sharp, Jose, Axios

Инфраструктура: Полностью модульная архитектура с разделением по сервисам, middleware для аутентификации и централизованным хранилищем ошибок

Особенности реализации

-> Оптимизация производительности благодаря серверной пагинации и выборочному CSR.
-> Типобезопасная валидация данных через Zod.
-> Загрузка и обработка изображений (обрезка, ресайзинг) через Sharp.
-> Единое состояние приложения на основе Zustand.
-> Конфигурация и деплой на AWS с импортом файлов через S3 SDK.

---

Демо: https://onadmin.stardev.space/
Тестовый аккаунт: admin / qwerty

По вопросам или для превью проекта — пишите в Telegram: @stardevelopment