Background

The idea for the website originated when I stumbled across a dataset of all the cards on the Skylords Reborn forum and wanted to build something for tracking card prices with it.

The very first iteration of the website only contained some options for filtering cards and the option for users to manually provide the current cards prices and was released in October of 2020.

Once the game released on the 18th of December 2020, an official api for all the relevant auction related data was provided, which made it possible for the website to display the actual automatically collected card prices.

For that a script to process and convert the auction data was set up to then save the data in a database for the website to use.

After a year, a new version of the website was coded from scratch with newer technologies to make updating and adding new features easier and more intuitive, which was released in January of 2022.

Features

The website provides many different tools and information to help players of Skylords Reborn, here is a list of some of them:

• More than 25 card filter options
• More than 30 card sort options
• Current and historical prices for cards
• Different card specific information
• Info on which upgrades the different maps reward
• Info on what cards are contained in the different boosters
• Info on the average values of boosters
• Simultion of random booster draws
• Create and customize your own cards with many different options
• Build or import decks directly from the game
• Info on average value of the cards in a deck
• Create and and manage personal decks and card lists
• See decks other community members created, vote on them and import them in-game
• Filter community decks for specific achievements, maps, difficulty and more
• Add your own decks to the community decks database
• Generate high quality card collage image
• Many different APIs for data and dynamic card images and decks

More features are planned and a completely new version is currently being worked on to potentially make it open source so other developers can contribute to the project.

Landing page of the Skylords Marketplace Journal

Technologies

Some of the technologies used to create the website are:

• Next.js
• Material UI
• ApexCharts.JS
• MongoDB
• NextAuth.js
• dnd kit
• sharp
• canvas

More Info

For more info on and updates to the website check out the related Skylords Reborn Forum Thread.

I also created a Price Notification Discord Bot based on the groundwork from the website.