По данной ссылке доступен макет: https://www.figma.com/design/HKYgWqoeN4VtSHdJKALMhO/%D0%A2%D0%B5%D1%81%D1%82%D0%BE%D0%B2%D0%BE%D0%B5?node-id=0-1&t=3Bnm0SvJxYhMtdIr-1
Требуется написать деплой на гитхабе, используя html, css, js (бекенд и верстку для приложения, которую можно найти в макете, не нужно).
— при нажатии на один из элементов, он должен раскрыться, а другие уменьшиться, при этом изначально первый слайд раскрыт;
— при нажатии на купить нужно анимировать добавление в корзину.
— при нажатии на стрелку, она должна менять свой свет и блок с товарами должен раскрываться;
— кнопка "загрузить еще" должна быть видна, только если элементов больше одной строчки;
— по нажатию на кнопку "загрузить еще" блок с товарами должен раскрываться полностью, чтобы поместились все товары;
— по нажатию на картинку товара, должно открываться модальное окно с детальным просмотром товаров (модальное окно под каждый товар не нужно - наполнять модальное окно соответствующей информацией - работа бека);
— при нажатии на "купить" нужно анимировать добавление в корзину;
— нажатие на "сердце" меняет его состояние.
— только слайдер.
— валидация почты на соответствие формату и заполненности;
— валидация остальных полей только на заполненность.
— при нажатии на "сердце" элемент должен исчезать.
— управление количеством не требуется, т.к. бек будет получать количество от БД и актуализировать (при таком подходе исчезает проблема управления количеством с разных вкладок браузера);
— при нажатии на "удаление" элемент должен исчезать.
— только верстка, функционал не требуется.
— модальное окно;
— карта должна быть не картинкой, а через АПИ Яндекс карт.
Как и в самой пояснительной записке, напомним, что в наших проектах предполагается работа бека с версткой, а, значит, у него должен быть прямой доступ к тегам для наполнения информацией с БД. Никакая информация не должна приходить из js (исключение ymaps).