На главной странице должен отображаться список треков(песен) с возможностью поиска, как показано на Figure 1: Track List. Данные должны загружаться с помощью AJAX запроса с iTunes API .
При нажатии на любой трек из списка - должна отображаться более детальная информация о треке в виде аккордеона. Иконка “+” должна меняться на “-” если открыта детальная информация. Одновременно может быть открыт только один трек.
Пример AJAX запроса
GET https://itunes.apple.com/search?term=The+Beatles
term - задает параметр поиска
Требования
Track List / Список треков
Отобразить Track List c iTunes API который будет содержать:
Сollection image / Изображение альбома
Artist / Исполнитель
Track / Название трека
Collection / Название альбома
Genre / Жанр
Строки в списке должны чередовать цвета.
Track Details / Данные о треке
Когда пользователь кликает на один из треков, должна появляться дополнительная информация (Figure 2:
Track Detail):
Artist / Исполнитель
Track / Название трека
Сollection image / Изображение альбома
Track Count / Кол-во треков в альбоме
Price / Стоимость альбома
Track duration / Продолжительность трека в формате m:ss
Track Price / Стоимость песни
При повторном нажатии на выбранную строку она должна свернуться обратно. При выборе другой строки предыдущая должна быть свернута.
Дополнительная информация по требованиям второго отборочного тура
Ограничение выполнения ТЗ:
• язык javaScript (любые библиотеки, любые фреймворки)
В прикреплённом файле желаемое отображение продукта
