How well do you know the NFL teams?

Do you know which division each of the 32 NFL teams are in? See below to try to beat my best score of 88 seconds! 

Use your arrow keys if you're on the computer, or the buttons if you're on mobile.

Why did I make this?

I once challenged my buddy to list every team in the NFL. He said, "OK sure, I'll go by conference and division." He then proceeded to rattle off every single team in the NFL, in order. I was shocked. "How did you do that so easily??"

"Well, how else would you do it?" he replied. I said, "I usually go by state and major city," and then I tried to name every state, which is hard enough by itself, and all the teams in it, but I failed horribly. 

I figured this was a great opportunity to get ChatGPT to help me write another game! This one took a lot more prompting than last time. I started on ChatGPT and liberally told it to "do better." I soon ran out of free tokens since I don't pay for ChatGPT Plus anymore, so I moved over to my paid TypingMind interface and continued there.

TypingMind interfaces directly with LLM APIs from OpenAI, Anthropic, and Google. Paying per API request is generally a lot cheaper than the subscriptions these companies offer.

I bounced between Claude 3.5 Sonnet and Haiku to help me finish the job, but they were both strangely slow, and their max token output couldn't give me all the HTML/CSS/JS in one response. Eventually I remembered that Google's AI Studio is pretty capable with Gemini 2.0 Flash, and it's free! I think. I got a new Pixel phone recently with a bunch of included Gemini features so I don't know if that's just another benefit or not.

Regardless, I asked it to run a code review and implement its changes. With a little back-and-forth to get it self-contained enough for this blog post and lots of testing via codepen, you get what you see here today!

Now it's time for you to study! Test is next Friday.