Merge pull request #16 from BlazyOne/master

Workflow.md

@@ -1,5 +1,9 @@
 !!! Важно: Проект разрабатывался целиком с использованием докера, даже для Node.js, и если его использовать с использованием Node.js вне докера, то предаварительно в настройках docker-compose.yml файла стоит закомментировать часть где описываются настройки для контейнера Node.js. Так как там экспозятся порты которые будет использовать приложение на Node.js. В ином случае, возможно это может стать проблемой.
 
+# Frontend
+
+Адаптированы под имеющийся бэкенд только обязательные ендпойнты из ТЗ.
+
 # Как работать над проектом
 
 ## Окружение

docker-compose.yml

@@ -11,6 +11,7 @@ services:
     ports:
       - 127.0.0.1:3123:3123
       - 127.0.0.1:5000:${PORT}
+      - 127.0.0.1:3000:3000
 
   db:
     image: mongo:4.2

frontend/.env.local

@@ -0,0 +1 @@
+DISABLE_ESLINT_PLUGIN=true

frontend/.gitattributes

@@ -0,0 +1,9 @@
+* text eol=lf
+
+*.png binary
+*.jpg binary
+*.jpeg binary
+*.webp binary
+*.woff binary
+*.woff2 binary
+*.ttf binary

frontend/.gitignore

@@ -0,0 +1,27 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# production
+/build
+
+# misc
+Thumbs.db
+.DS_Store
+.env
+*.log*
+
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# editors
+.idea
+*.sublime*
+.vscode

frontend/Readme.md

@@ -0,0 +1,88 @@
+# Руководство по работе с проектом
+
+Данный проект создан с помощью [Create React App](https://github.com/facebook/create-react-app).
+
+## Структура проекта
+
+---
+
+_Не удаляйте и не изменяйте папки и файлы:_
+_`.editorconfig`, `.gitattributes`, `.gitignore`, `package.json`._
+
+---
+
+### public
+
+Директория для размещения статичных ресурсов (шрифты, стили, изображения и так далее). Корневая директория проекта.
+
+**Обратите внимание**, файл `Readme.md`, в директории `public`, содержит описание подготовительного процесса, который вам необходимо выполнить перед тем, как приступать к работе над проектом.
+
+### src
+
+В директории размещаются исходный код проекта: компоненты, файлы с тестами, модули и так далее. Структура директории `src` может быть произвольной.
+
+## Сценарии
+
+После создания проекта вам доступны следующие сценарии. Обратите внимание, для запуска сценария, вы должны находится в директории проекта (`./project`).
+
+### Запуск проекта
+
+```bash
+npm start
+```
+
+После запуска, приложение доступно для просмотра в браузере по адресу [http://localhost:3000](http://localhost:3000).
+
+При сохранении изменений, проект перезапускается и обновляется в браузере. Таким образом, вы можете следить за разработкой проекта в режиме реального времени.
+
+**Обратите внимание**, режим разработки настроен таким образом, при котором ошибки, найденные статическим анализатором кода **ESLint**, отображаются в той же вкладке браузера, в которой запущен проект.
+
+### Запуск тестов
+
+```bash
+npm test
+```
+
+Запуск тестов приложения в интерактивном режиме.
+
+В данном случае, имеются в виду тесты, которые вынесены в отдельные файлы, в имени которых присутствует суффикс `*.test.*`. Например, `app.test.tsx`.
+
+Подробную информацию вы можете найти на странице [Запуск тестов](https://facebook.github.io/create-react-app/docs/running-tests).
+
+### Проверка линтером
+
+```bash
+npm run lint
+```
+
+Запуск проверки проекта статическим анализатором кода **ESLint**.
+
+Анализ кода производится только в файлах, которые находятся в директории `src`.
+
+**Обратите внимание**, при запуске данной команды, ошибки выводятся в терминал.
+
+### Сборка проекта
+
+```bash
+npm run build
+```
+
+Запуск сборки приложения.
+
+В процессе сборки приложения, код приложения оптимизируется и минимизируется, для достижения наилучшей производительности.
+
+Во время выполнения инструкций по сборке проекта, в корне проекта создается директория `build`, в которую будут помещены результирующие файлы. После сборки проект готов к публикации.
+
+Подробную информацию вы можете найти на странице [Развертывание проекта](https://facebook.github.io/create-react-app/docs/deployment).
+
+### Извлечение конфигурации проекта
+
+```bash
+npm run eject
+```
+
+**Обратите внимание**, при запуске команды `npm run eject` нет возможности вернуть внесённые изменения обратно!
+
+Выполнение данной команды, `react-scripts` скопирует все конфигурационные файлы и скрипты в корень проекта. Данный процесс позволяет получить полный контроль над конфигурацией проекта.
+
+Не используйте данную команду, если не уверены как именно она работает или к какому результату приведёт ее выполнение.