Skip to content

htmlacademy-vue/1789017-pizza-1

Repository files navigation

Личный проект «VuePizza»


Не удаляйте и не изменяйте папки и файлы: .editorconfig, .gitattributes, .gitignore.


Памятка

1. Зарегистрируйтесь на Гитхабе

Если у вас ещё нет аккаунта на github.com, скорее зарегистрируйтесь.

2. Создайте форк

Откройте репозиторий и нажмите кнопку «Fork» в правом верхнем углу. Репозиторий из Академии будет скопирован в ваш аккаунт.

Press 'Fork'

Получится вот так:

Forked

3. Клонируйте репозиторий на свой компьютер

Будьте внимательны: нужно клонировать свой репозиторий (форк), а не репозиторий Академии. Также обратите внимание, что клонировать репозиторий нужно через SSH, а не через HTTPS. Нажмите зелёную кнопку в правой части экрана, чтобы скопировать SSH-адрес вашего репозитория:

SSH

Клонировать репозиторий можно так:

git clone SSH-адрес_вашего_форка

Команда клонирует репозиторий на ваш компьютер и подготовит всё необходимое для старта работы.

4. Начинайте обучение!


Репозиторий создан для обучения на профессиональном онлайн‑курсе «Vue.js для опытных разработчиков» от HTML Academy.

Начальные требования

  • Docker
  • Docker-compose
  • NodeJS 10+
  • Pre commit (optional)

Docker документация и установка

https://docs.docker.com/get-docker/ https://dker.ru/docs/ (рус)

Docker-compose документация и установка

https://docs.docker.com/compose/install/

Node js документация и установка

https://nodejs.org/en/download/

Pre-commit документация и установка

  • Установить пакет локально следуя инструкциям https://pre-commit.com/#installation
  • Выполнить команду pre-commit install
  • После этого, каждый комит будет проверять правила линтинга и править ошибки

Frontend установка

  • Перейти в директорию

cd src/frontend

  • Установить зависимости

$ npm install

Backend установка

  • Перейти в директорию

cd src/backend

  • Установить зависимости

$ npm install

Docker установка проекта

  • Выполнить команду

$ docker-compose build .

  • Запустить проект с помощью команды

$ make start_project

  • Сервер будет запущен по адресу localhost:3000, а клиент по адресу localhost:8080

Вход для авторизированного пользователя

Мы создали готового пользователя и разместили его в нашей базе данных. Для входа в систему используйте следующие данные:

Вы можете поменять данные пользователя в файле src/backend/src/factory/users.json

Документация эндпоинтов сервера (OpenAPI)

Запустите проект и перейдите по адресу

http://localhost:3000/explorer/

Запуск и просмотр готовой верстки проекта

Перейтите в директорию

template/

Установите зависимости выполнив команду

npm install

Запустите проект командой

npm start

Шаблон и верстка будут доступны по адресу http://localhost:9999

Верстку можно посмотреть в директории template/src