Skip to content

vad23klev/frontend-test

Repository files navigation

Тестовое задание на основе Docker и Laravel для Frontend разработчика

Первоначальная настройка

  • Устанавливаем Docker c официального сайта и Docker Compose;
  • Для пользователей Windows дополнительно необходимо установить виртуальное ядро Linux, следуя данной инструкции;
  • Собираем контейнер командой в папке проекта docker-compose up -d;
  • Инициализируем сервер:
    • при запущенном контейнере в папке проекта запускаем команду docker-compose exec app bash;
    • запускаем сборку sed -i 's/\r$//' init.sh, затем bash ./init.sh.

Ошибка докера

В случае ошибки такого вида:

Error response from daemon: pull access denied for nginx, repository does not exist or may require 'docker login': denied:
<html>
<body>
<h1>403 Forbidden</h1>
Since Docker is a US company, we must comply with US export control regulations.
In an effort to comply with these, we now block all IP addresses that are located in Cuba, Iran, North Korea, Republic of Crimea, Sudan, and Syria.
If you are not in one of these cities, countries, or regions and are blocked, please reach out to https://hub.docker.com/support/contact/
</body>
</html>

Нужно использовать прокси сервер

Как его подключить

  1. через конфиг докера (как зеркало docker.io)

    конфиг расположен в

    операционная система путь к файлу конфигурации
    Linux, обычная установка /etc/docker/daemon.json
    Linux, режим rootless ~/.config/docker/daemon.json
    Windows C:\ProgramData\docker\config\daemon.json
    Windows с Docker Desktop C:\Users<Пользователь>.docker\daemon.json

    конфиг: { "registry-mirrors" : [ "https://dockerhub.timeweb.cloud" ] }

    чтобы конфиг применился потребуется перезапустить конфигурацию: systemctl reload docker

    теперь при попытке загрузки образа, Docker будет сначала пытаться использовать прокси.

  2. явное указание адреса

    docker pull dockerhub.timeweb.cloud/library/alpine:latest
    
    docker pull dockerhub.timeweb.cloud/openresty/openresty:latest
    

Сборка демо проекта

  • при запущенном контейнере в папке проекта запускаем команду docker-compose exec app bash;
  • собираем js yarn dev.

Описание API

Описание Тип запроса Структура Параметры
Получить все комментарии GET /api/comments/
Получить конкретный комментарий GET /api/comments/${id} id - идентификатор комментария
Создать комментарий POST /api/comments/
Удалить комментарий DELETE /api/comments/${id} id - идентификатор комментария
Обновить комментарий PATCH /api/comments/${id} id - идентификатор комментария

Описание записи

{ name: 'Имя создателя', text: 'Текст комментария', date: 'Дата создания комментария в строковом формате(выбирается создателем)', }

Задание

Создать сайт со списком комментариев. Форма добавления комментария должна располагаться под уже добавленными комментариями.

Требования к разработке:

  • добавление и удаление комментариев (без перезагрузки страницы);
  • постраничный просмотр комментариев (3 комментария на страницу c возможностью выбора конкретной);
  • сортировка по:
    • id;
    • дате добавления;
  • направления сортировки:
    • по возрастанию;
    • по убыванию;
  • реализация сортировки и пагинации на vue;
  • использование при реализации готового пакета для vue2 (datepicker) – он будет автоматически установлен при настройке проекта, для реализации работы можно использовать axios;
  • хранение комментариев в vuex (установить самостоятельно);
  • учет результатов операций изменения и удаления комментариев при пагинации и сортировке;
  • использование адаптивной верстки;
  • использование js-фреймворка vue2;
  • загрузка комментариев по ajax;
  • использование vuex;
  • реализация возможности изменять сортировку для пользователя;
  • использование при создании комментария:
    • поля ввода для имени пользователя;
    • текста комментария;
    • выбора даты (через datepicker);
  • запрещено использовать библиотеки готовых компонентов например vuetify и т.п.

Код размещается в папке:

resources/js/

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Languages