From de36479da1d1c7dd4aa33399581f31d96663952d Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=D0=A5=D0=B0=D0=BB=D0=B8=D0=BC=D0=BE=D0=B2=20=D0=A0=D1=83?= =?UTF-8?q?=D1=81=D1=82=D0=B0=D0=BC?= Date: Tue, 13 Jan 2026 01:38:50 +0300 Subject: [PATCH] Summary --- Dockerfile | 19 +++++++++++++++++++ README.md | 18 +++++++++++++++++- 2 files changed, 36 insertions(+), 1 deletion(-) create mode 100644 Dockerfile diff --git a/Dockerfile b/Dockerfile new file mode 100644 index 0000000..36074de --- /dev/null +++ b/Dockerfile @@ -0,0 +1,19 @@ +# Build stage +FROM node:20-alpine as build + +WORKDIR /app + +COPY package*.json ./ +RUN npm ci + +COPY . . +RUN npm run build + +# Production stage +FROM nginx:alpine + +COPY --from=build /app/dist /usr/share/nginx/html + +EXPOSE 80 + +CMD ["nginx", "-g", "daemon off;"] diff --git a/README.md b/README.md index 152684a..8edadff 100644 --- a/README.md +++ b/README.md @@ -17,7 +17,7 @@ PrintFit — это мощный веб-инструмент для создан - **Умное отображение размеров**: Автоматический расчет и отображение внутренних габаритов каждого отсека прямо на 3D-модели. ### 💨 Продвинутая Перфорация -- **Экономия материала и времени**: Возможность создания перфорированных стенок и дна. +- **Экономия материала и времени**: Возможность создания перфорированных стенок. - **Различные узоры**: Выбор формы отверстий (соты/гексагоны, круги, треугольники и др.). - **Умные исключения**: Алгоритм автоматически убирает перфорацию в местах стыков перегородок и углов, обеспечивая прочность конструкции (Solid Zones). - **Настройка плотности**: Регулировка размера отверстий и отступов между ними. @@ -53,6 +53,22 @@ PrintFit — это мощный веб-инструмент для создан 4. Откройте приложение в браузере (обычно http://localhost:5173). +## 🐳 Запуск в Docker + +Приложение можно легко развернуть в контейнере Docker (используется Nginx для раздачи статики). + +1. Соберите образ: + ```bash + docker build -t printfit-app . + ``` + +2. Запустите контейнер: + ```bash + docker run -p 8080:80 printfit-app + ``` + +3. Откройте http://localhost:8080 + ## 🛠 Технологический Стек - **React**: UI и управление состоянием. - **Three.js (@react-three/fiber)**: 3D рендеринг и геометрия.