Это небольшой скелет веб-приложения, основанный на https://kasta.ua. Кода здесь немного, зато весь взаправду – это те технологии, которые мы действительно используем.
Можно форкнуть этот репозиторий, добавить свои изменения и отправить нам ссылку на результат.
Желательно выдерживать какой-то консистентый стиль форматирования кода и именования переменных. Бонусные очки за внимание к деталям, аккуратность и обработку ошибок.
На главной странице приложения вывести список активных акций баннерами, по примеру https://kasta.ua/. Можно не верстать сложную сетку, а вывести акции в две колонки.
Список акций дожен загружаться из API /api/campaigns
.
Понять, активна ли акция можно по времени её старта и завершения.
Перед списком акций вывести список всех доступнух тегов и дать возможность отфильтровать список акций по определенному тегу. Теги, для которых нет ни одной активной акции отображать не нужно.
В API теги представлены строкой из заглавных букв, где каждая буква соответствует одному тегу. У одной акции может быть сразу несколько тегов. Теги бывают такие:
F
- Для женщинM
- Для мужчинC
- Для детейH
- Для домаA
илиP
- Еда и алкоголь
Например, акция с тегами "FM"
будет видна если выбран фильтр "для женщин" или "для мужчин", но исчезнет при выборе фильтра "для дома".
Это запустит сервер по адресу http://localhost:5001/ с авторелоадом кода. Попробуйте изменить main.scss
или main.cljs
- изменения тут же отобразятся в браузере, без перезагрузки страницы.