School Idol Sortable

[maki-keep]

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

Example icons are images with sources from 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.

[db0company]

Thanks for your message.

I'm not sure I understand your project: would it be a part of School Idol Tomodachi as a feature, or your own site on the side? Either way works for me.

If you'd like to use the API, you're welcome to use it. https://schoolido.lu/api/
The only thing I'm asking is to make sure you follow the recommendations here, to avoid spamming our server too much:
https://github.com/MagiCircles/SchoolIdolAPI/wiki/LoveLive!-School-Idol-API#general-advice-when-using-the-api

[maki-keep]

I've noticed that School Idol Tomodachi is having trouble with high traffic.
I've tested my project in a live server by fetching several cards. I fear that it might have increased traffic.
The repository, still a WIP.