MagiCircles / SchoolIdolAPI

The ultimate resource for LLSIF players
http://schoolido.lu
Apache License 2.0
151 stars 28 forks source link

School Idol Sortable #354

Open maki-keep opened 2 years ago

maki-keep commented 2 years ago

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

Screenshot 2022-04-09 185211

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 commented 2 years ago

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 commented 2 years ago

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.