While working on the MTG Card of the Day Telegram Bot, I was wondering how the Card of the Day could be displayed in a store, at home in the living room on an unused display, or, for example, as a homepage in the browser.
The idea is to have a lightweight service that runs locally on a network or only on the device itself and can be accessed via the browser. The images (card, background) are retrieved directly from Scryfall in the browser. The backend gets the card data (text, JSON, image data as links) from the Telegram Bot database in my case, but an API call to Scryfall and server-side caching would be the generally usable alternative.
The map’s text box is customizable, the map’s attributes to be displayed can be individually selected, and if no background image (map artwork) from Scryfall is available, the map itself is used to determine the appropriate background color using node-vibrant.
Technologies used:#
- Nuxt (Vue.js, TypeScript)
- FastAPI (Python)