Компоненты расположены в папке components. В api интерфейсы, хуки и функции. в lib данные для компонента. Все изображения в public.

Главный компонент CollectionCard состоит из двух компонентов CardMain и CardPopup: Главная часть компонента и всплывающее меню.

Внутри CardMain изменяемые элементы выделены в компоненты, как и кнопки в CardProp. Все данные прокидываются через пропсы, за исключением двух функций для кнопок в cardPopup, для них испоьзуется хук.

Так же Минимальное и максимальное количество игроков расчитывается в отдельной функции в playersQuantityCalc.ts.

Для демонстрации компонент размещен в main.tsx. Там обрабатывается список данных для карточек из /lib/data.ts и они отображаются. Дополнительно создаётся список id карточек, для функционала кнопки "удалить".

Базовые цвета объявлены в tailwind.config.json.