Це приклад сайту на Clojure + TwinSpark (оригінал https://github.com/piranha/ecomspark) в який додано бекенд частину для сторінки зі списком брендів.
Твоє завдання - доробити фронтенд. Треба форкнути репозиторій, додати свої зміни і відправити нам посилання на результат.
- Зверстати список брендів по дизайну. Верстка має бути адаптивною під мобільні пристрої та десктоп
- Доробити нескінченну пагінацію на сторінці брендів (зараз відображаються тільки перші 10)
- Зробити функціональною кнопку "Підписатись/Відписатись" (бекенд частина реалізована для API
/brand/add)
Передбачається, що основна робота буде виконуватись в файлах:
Але не соромся дивитись на весь проект в пошуках прикладів.
Це запустить вебсервер на адресі http://localhost:5454/ з авторелоадом коду.
- Синтаксис шаблонів Hiccup https://github.com/weavejester/hiccup/wiki/Syntax
- Документація по TwinSpark https://twinspark.js.org/
- Короткий відео огляд як працює TwinSpark
- Есеї про htmx (інша бібліотека, такий же підхід) https://htmx.org/essays/