Разработка на React — удалённая работа в Москве

Доработка Сайта и его продакшн. Доработка существующего продукта. # Техническое задание: Доработка BS Legal Platform ## 1. Текущее состояние проекта ### 1.1 Реализованные компоненты - Рабочее веб-приложение на React + Node.js - Базовая структура frontend и backend - Работающая база данных MySQL - Базовый функционал Redis - Локальные скрипты запуска (launcher.ps1, launcher.sh) ### 1.2 Существующая инфраструктура - Локальное окружение разработки - Локальные бинарники MySQL и Redis - Базовые конфигурации сервисов ### 1.3 Стек технологий #### Frontend - React 18.2.0 - TypeScript 5.0.4 - Vite 4.3.0 - Material-UI 5.13.0 - Redux Toolkit 2.2.3 - React Router 6.11.0 - Axios 1.4.0 - TailwindCSS 3.3.2 - Framer Motion 10.12.0 - Three.js 0.152.0 - React Hook Form 7.45.0 - Zod 3.25.30 - React Hot Toast 2.4.0 - React Toastify 9.1.3 #### Backend - Node.js >=16.0.0 - Express 4.18.2 - TypeScript 5.3.3 - Prisma 5.10.0 - MySQL 8.0 - Redis 4.6.13 - JWT - Winston 3.11.0 - Morgan 1.10.0 - Helmet 7.0.0 - Express Rate Limit 7.1.0 - Express Validator 7.0.1 - Swagger/OpenAPI 6.2.1 #### Инфраструктура - Docker 24.0.0 - Docker Compose 2.20.0 - Git 2.40.0 - npm 9.6.0 - PowerShell 7.3.0 - Bash 5.2.0 ### 1.4 Структура проекта ``` bs-legal-platform/ ├── client/ # Frontend приложение │ ├── src/ │ │ ├── components/ # React компоненты │ │ ├── pages/ # Страницы приложения │ │ ├── store/ # Redux store │ │ ├── hooks/ # React hooks │ │ ├── utils/ # Утилиты │ │ ├── types/ # TypeScript типы │ │ ├── assets/ # Статические файлы │ │ └── styles/ # Стили │ ├── public/ # Публичные файлы │ └── package.json # Зависимости frontend │ ├── server/ # Backend приложение │ ├── src/ │ │ ├── controllers/ # Контроллеры │ │ ├── models/ # Модели данных │ │ ├── routes/ # Маршруты API │ │ ├── middleware/ # Middleware │ │ ├── utils/ # Утилиты │ │ ├── config/ # Конфигурации │ │ └── types/ # TypeScript типы │ └── package.json # Зависимости backend │ ├── deploy/ # Файлы для деплоя │ ├── mysql/ # MySQL бинарники и конфиги │ │ ├── bin/ │ │ ├── data/ │ │ └── my.ini │ ├── redis/ # Redis бинарники и конфиги │ │ ├── redis-server.exe │ │ └── redis.conf │ └── scripts/ # Скрипты для деплоя │ ├── docs/ # Документация │ ├── api/ # API документация │ ├── setup/ # Инструкции по установке │ └── architecture/ # Архитектура системы │ ├── scripts/ # Скрипты запуска │ ├── launcher.ps1 # PowerShell скрипт для Windows │ └── launcher.sh # Bash скрипт для Linux │ └── README.md # Основная документация ``` ### 1.5 Инструкции по запуску #### Windows (PowerShell) 1. Убедитесь, что установлены: - Node.js >=16.0.0 - PowerShell 7.3.0 - MySQL 8.0 (локальный) - Redis 4.6.13 (локальный) 2. Запустите PowerShell от администратора и выполните: ```powershell .\scripts\launcher.ps1 ``` Скрипт автоматически: - Проверит наличие всех зависимостей - Создаст необходимые директории - Установит npm-пакеты - Запустит MySQL и Redis - Запустит backend и frontend #### Linux (Bash) 1. Убедитесь, что установлены: - Node.js >=16.0.0 - MySQL 8.0 - Redis 4.6.13 2. Выполните в терминале: ```bash chmod +x scripts/launcher.sh ./scripts/launcher.sh ``` #### Ручной запуск 1. Запустите MySQL: ```bash cd deploy/mysql ./bin/mysqld --defaults-file=my.ini ``` 2. Запустите Redis: ```bash cd deploy/redis ./redis-server redis.conf ``` 3. Запустите backend: ```bash cd server npm install npm run dev ``` 4. Запустите frontend: ```bash cd client npm install npm run dev ``` #### Проверка работоспособности 1. Frontend доступен по адресу: http://localhost:3000 2. Backend API доступен по адресу: http://localhost:4000 3. Swagger документация: http://localhost:4000/api-docs 4. MySQL доступен на порту: 3306 5. Redis доступен на порту: 6379 ## 2. Требуемые доработки ### 2.1 Контейнеризация - [ ] Создание Dockerfile для frontend - [ ] Создание Dockerfile для backend - [ ] Настройка docker-compose.yml - [ ] Перенос конфигураций в контейнеры - [ ] Настройка volume для данных ### 2.2 Оптимизация - [ ] Настройка кэширования в Redis - [ ] Оптимизация запросов к БД - [ ] Настройка индексов - [ ] Оптимизация статических файлов ### 2.3 Безопасность - [ ] Настройка переменных окружения - [ ] Конфигурация CORS - [ ] Настройка rate limiting - [ ] Проверка безопасности endpoints ### 2.4 Мониторинг - [ ] Настройка логирования - [ ] Конфигурация алертов - [ ] Настройка метрик - [ ] Создание дашбордов ### 2.5 Документация - [ ] Описание архитектуры - [ ] Инструкции по развертыванию - [ ] API документация - [ ] Руководство по поддержке ## 3. Критерии приемки ### 3.1 Функциональность - [ ] Все сервисы запускаются в контейнерах - [ ] Данные сохраняются в volume - [ ] Кэширование работает - [ ] Бэкапы настроены ### 3.2 Производительность - [ ] Время отклика API < 200ms - [ ] Кэш hit ratio > 80% - [ ] CPU usage < 70% - [ ] Memory usage < 80% ### 3.3 Безопасность - [ ] Все секреты в переменных окружения - [ ] CORS настроен - [ ] Rate limiting работает - [ ] Нет уязвимостей в зависимостях ### 3.4 Мониторинг - [ ] Логи доступны - [ ] Алерты работают - [ ] Метрики собираются - [ ] Дашборды доступны ## 4. Документация ### 4.1 Техническая - [ ] Архитектура системы - [ ] Схема базы данных - [ ] API endpoints - [ ] Конфигурация сервисов ### 4.2 Операционная - [ ] Инструкции по развертыванию - [ ] Процедуры бэкапа - [ ] Мониторинг и алерты - [ ] Troubleshooting guide ## 5. Передача проекта ### 5.1 Документация - [ ] Все конфигурации - [ ] Схемы развертывания - [ ] Процедуры поддержки - [ ] Контакты для поддержки ### 5.2 Обучение - [ ] Демонстрация работы - [ ] Объяснение архитектуры - [ ] Процедуры обновления - [ ] Процедуры восстановления ## 6. Заключение Данное техническое задание описывает необходимые доработки для BS Legal Platform. Проект уже имеет работающую базовую версию, требуется его оптимизация и подготовка к промышленной эксплуатации. Все изменения должны быть документированы, а код должен соответствовать современным стандартам разработки. После завершения работ исполнитель должен обеспечить передачу знаний команде заказчика и предоставить все необходимые инструкции по поддержке и развитию системы. (подготовленный проект может быть с рядом ошибок, недочетов и прочего в связи с тем, что разрабатывался обывателем в сфере разработки сайтов, но довольно много было реализовано уже). Нужно будет разместить сайт на хостинге рег.ру, разобраться как там все сделать (так как не известно vps это или нет и тд) то есть полный продакшн и реализация проекта на хостинге рег.ру, подключением бд и тд.

Веб-разработка. Доработка существующего продукта. Мы — стартап ранней стадии Мигрировали на Next проект из другого проекта (React, 2 идентичных проекта), упёрлись с frontend частью Нужно дособрать frontend Текущая версия нового проекта https://place-of-power-ru-test.netlify.app/ Старый проект, на который ориентируемся https://prismatic-gaufre-034282.netlify.app/.

Веб-разработка. Доработка существующего продукта.

Разработка приложений для ПК. Разработка с нуля. Пожелания и особенности: Добрый день! Мне требуется помощь в написании магистерской диссертации. Тема: "Проектирование программно-аппаратного комплекса для анализа микромоторики при допуске к управлению машинами и механизмами". Сроки у меня сжатые, через неделю все должно быть готово. Я прошу о выполнении части работы. Что нужно сделать: оцифровать тест прокладывания пусти ТПП (суть изображена на картинке) и показать работоспособность кода. Тест будет отображаться на экране, человек будет проходить его с помощью компьютерной мыши. Что должен уметь код: 1. Генерировать в рандомном порядке точки для теста прокладывания пути (мы используем часть Б теста, 1-А-2-Б-3-В-4-Г-5-Д). 2. Считывать в реальном времени координаты курсора. Есть программа https://www.axife.com/downloads.html , которая передает координаты мыши во времени - код должен работать также. 3. Код должен анализировать координаты мыши и сопоставлять из с координатами точек теста (1-А-2-Б-3-В-4-Г-5-Д). Нужно анализировать следующие показатели: - время первого касания после появления теста; - общее время прохождения теста; - максимальное отклонение рисуемой кривой от оптимальной кривой; 4. Максимальное отклонение высчитывается как разница длин между оптимальной траекторией (просто кривая, соединяющая точки теста 1-А-2-Б-3-В-4-Г-5-Д) и рисуемой кривой. Рисуемая кривая вычисляется с помощью интерполяционной кривой Catmull-Rom. Более подробная информация в текстовом документе. 5. Код должен быть написан на javascript. 6. В результате должно быть видно, как человек проходит тест (можно помимо точке теста подсветить рисуемую траекторию), в режиме реального времени должны отображаться координаты во времени. После прохождения теста должны выводиться данные о времени первого касания, общего времени прохождения и отклонения от оптимума (поскольку тут речь идет о сравнении с идеальной кривой, данные должны быть чуть больше или чуть меньше единицы).

Разработка приложений для ПК. Доработка существующего продукта. .

Веб-разработка. Разработка с нуля. Пожелания и особенности: Backend-разработка для сайта интернет-магазина. Сейчас уже делается Frontend-разработка на React.