School Idol Sortable

# School Idol Sortable

School Idol Sortable is a web page where one can sort cards by drag & drop.
Enter the Card ID in the form to add a card. The stage (parent div element) may contain up to 9 cards (children div elements).
When hovering over a card, a delete button with background color matching the card's attribute (Cool, Pure, Smile) appears.

## Languages

HTML, CSS, SCSS, JavaScript, TypeScript

## Libraries

[SortableJS](https://sortablejs.github.io/Sortable/)


Example icons are images with sources from [sif.kirara.ca](https://sif.kirara.ca/).

## Request

I ask for the School Idol API to successfully fetch a card object and add a card icon to the Sortable list.

## Plans

The page style is still a WIP. I might need images from School Idol Festival (rather than Font Awesome) to further decorate it.
Toggle the Idolized version of the card by: pressing the Idolized icon that would appear on the card on hover, making an opacity transition.

Locate the School Idol Sortable page and the School Idol API integration, then inspect how card IDs are entered and how the SortableJS list is managed. Verify the API response shape and existing card behavior; done means a fetched card object adds its icon successfully to the sortable list without breaking the nine-card limit.

Written by the indexing model from the issue text.