Надо сверстать фронтенд часть мобильного превью товаров на главной странице действующего онлайн магазина, а именно:
1. Сверстать мобильную карточку товара по макету в Figma в формате на весь экран.
2. Сделать JavaScript функционал пролистывания карточек товаров аналогичный тикток.
3. Сделать JavaScript функционал активных элементов на карточках товаров.
4. Сделать адаптацию с существующим функционалом сайта (мобильное меню, лайк, локация, категории, переключатель в обычную версию).
Макет карточки с активными элементами https://www.figma.com/file/fGOTxv0jwF5zDCPsC74zeq/buket-net?node-id=0%3A1
Вёрстка должна быть сделана как составная часть действующего онлайн магазина - надо по максимуму использовать существующие стили и фреймворки.
Пример такой реализации https://shic.net/
Пример подходящих библиотек:
https://alvarotrigo.com/fullPage/ru/
https://scrollmagic.io/
Доступ к исходному коду через репозиторий на гитхабе.
Верстка должна быть HTML5, кроссбраузерной, Pixel Perfect, без использования препроцессоров, без ошибок и предупреждений, проходить валидацию и быть оптимизированной по стандартам:
https://validator.w3.org/nu/
https://jigsaw.w3.org/css-validator/
https://developers.google.com/speed/pagespeed/insights/
https://gtmetrix.com/