craigrobertwhite / hanatsu Goto Github PK

The current implementation for displaying an anime's status is just doing what we're doing for the type -- placing it in a ring:

Not only does it look weird because of the line height--making the bottom of some letters almost touch the ring--but we can do better. I'm thinking something like

We could also just make the icon a different color--as we're doing with the rating. Just a thought.

This is kind of the whole point of this project. I was able to demo this locally but the architecture of moving the user to and from different items and dimensions (sections, modals) is something that some more thought should be poured into.

document.addEventListener('amazonPlatformReady', () => {
    document.addEventListener('keydown', (event) => {
        const selectedElement = document.getElementById(this.selectedItemId);

        switch (event.code) {
            case 'ArrowLeft':
                if (this.selectedIndex !== 0) {
                    this.selectedIndex--;
                }
                break;
            case 'ArrowRight':
                if (this.selectedIndex !== this[this.selectedSection].length - 1) {
                    this.selectedIndex++;
                }
                break;
        }
    });
}, false);

Resources

https://developer.amazon.com/docs/fire-tv/getting-started-with-web-apps.html
https://docs.aws.amazon.com/ivs/latest/userguide/player-web.html

It's probably really bad that we try to show all episodes (and request their thumbnails) when opening the modal

A big goal I want for this project is to have users authenticate with their Anilist accounts so that their lists are shown and they can see the status of the anime they are watching, click on it, and start watching quickly.