At times, I've dreamt about dipping my toes into being a baseball content creator in some fashion. Recently, I thought about how I might go about making a video talking about my predictions for the 2023 MLB season - specifically, the final standings.

Well, of course I'd want to provide some sort of visual aid, some way of displaying my predictions as the video went on. The idea of making a tier list came into my mind, but that isn't divided into the various leagues and divisions, so it would make for a confusing representation of what I believed the final standings would be.

I looked around for an online tool to re-order standings according to my predictions, but I was unable to find anything! So, I thought, "let me spend a couple hours of my weekend building this dumb little tool." And thus, the project had begun!

I rolled with my normal Next.js/Tailwind/Mantine setup, and used Atlassian's 

 library to handle a "drag-and-drop" UI. This did come with a couple struggles - the library didn't play very nicely with Next.js SSR, but it wasn't anything that couldn't be fixed with a couple simple modifications.

Here's the final product, complete with the official team colors 🎉You can check it out at 

 - and yes, the below screenshot represents my current prediction.

cityinspain.dev

Portfolio project: Baseball standings prediction tool