Skip to content

kasta-ua/fe-challenge

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Kasta FrontEnd challenge

Что это и зачем?

Это небольшой скелет веб-приложения, основанный на https://kasta.ua. Кода здесь немного, зато весь взаправду – это те технологии, которые мы действительно используем.

Можно форкнуть этот репозиторий, добавить свои изменения и отправить нам ссылку на результат.

Желательно выдерживать какой-то консистентый стиль форматирования кода и именования переменных. Бонусные очки за внимание к деталям, аккуратность и обработку ошибок.

Задание

Вывести список акций

На главной странице приложения вывести список активных акций баннерами, по примеру https://kasta.ua/. Можно не верстать сложную сетку, а вывести акции в две колонки.

Список акций дожен загружаться из API /api/campaigns.

Понять, активна ли акция можно по времени её старта и завершения.

Фильтрация списка акций

Перед списком акций вывести список всех доступнух тегов и дать возможность отфильтровать список акций по определенному тегу. Теги, для которых нет ни одной активной акции отображать не нужно.

В API теги представлены строкой из заглавных букв, где каждая буква соответствует одному тегу. У одной акции может быть сразу несколько тегов. Теги бывают такие:

  • F - Для женщин
  • M - Для мужчин
  • C - Для детей
  • H - Для дома
  • A или P - Еда и алкоголь

Например, акция с тегами "FM" будет видна если выбран фильтр "для женщин" или "для мужчин", но исчезнет при выборе фильтра "для дома".

Как запустить?

  • Скачать и установить java 11
  • Установить leiningen
  • Запустить lein run в корне проекта

Это запустит сервер по адресу http://localhost:5001/ с авторелоадом кода. Попробуйте изменить main.scss или main.cljs - изменения тут же отобразятся в браузере, без перезагрузки страницы.

Полезные ссылки

Releases

No releases published

Packages

No packages published