I Vibe-Coded a Website for Moods That Shouldn’t Exist

This is an entry for the Sanity Challenge, focusing on creating something unusual. The author decided to build a website called MoodShelf instead, which showcases fictional moods that feel oddly familiar. Some examples include "Monday Coffee Tastes like unread emails" and "The 5-Minute Nap Somehow lasted 3 hours". The website serves as a small museum for feelings that maybe shouldn't have names.

MoodShelf is a collection of strange fictional moods, each with a name, description, category, vibe score, image, and related moods. Instead of hardcoding the content into the website, the author used Sanity to manage the content. The workflow involves creating a weird mood, adding the content in Sanity, and then MoodShelf displays it. This allows for easy addition of new moods without rewriting the entire site.

The development process involved coming up with an idea, prompting AI for help, generating code, fixing issues, and repeating the process. While AI can speed up the building process, the author still needed to understand the project, give clear instructions, inspect the output, catch mistakes, make decisions, and occasionally tell AI to "no, that's not what I meant."

The author learned that describing an idea first and then iterating with AI can make development feel different. They enjoyed building MoodShelf, despite its ridiculous nature, and are curious about what weird mood people would add to the website.