Cats Like Milk

Inspiration

The hackathon theme was to build something that Seno would actually use, or at least something connected to him in a very Seno-specific way. We wanted to make something funny, personal, and useless in the best possible way.

The idea started with the song “Milk” by Sweet Trip. From there, the connection became obvious:

$$ \text{cats} + \text{milk} + \text{Seno's music taste} = \text{Cats Like Milk} $$

So we built a dreamy cat personality quiz that determines whether Seno would trust you with the aux, using cats, milk, shoegaze-inspired visuals, and extremely scientific vibes.

What it does

Cats Like Milk is a personality test that gives users a custom “catsona” based on their answers to strange but important questions.

The quiz asks users about things like cats, climbing, music, late-night listening habits, aux behavior, and milk-based chaos. Based on their choices, the app calculates hidden traits like:

• Milk Energy
• Cat Energy
• Seno Compatibility
• Shoegaze
• Chaos
• Climbing
• Aux Trust

At the end, users receive a result card with a catsona name, compatibility score, personality description, strengths, weaknesses, and a recommended listening setting.

The result is part quiz, part inside joke, and part scientific instrument that should not be peer reviewed.

How we built it

We built the project as a lightweight web app using React. The quiz questions, answer choices, and scoring values are stored in structured data, which made it easy to adjust the personality logic as we tested different outcomes.

Each answer adds or subtracts from a set of hidden trait scores. At the end, the app maps those scores to a final catsona result. The compatibility percentage is calculated from the user’s Seno-related traits, then displayed as a polished result card.

The visual design was inspired by dreamy, glitchy, shoegaze-like textures. We used soft colors, playful copy, cat details, and milk-themed language to make the experience feel cozy but slightly surreal. We intentionally avoided using the actual song audio or lyrics, and instead focused on capturing the mood of “Milk” through the interface and writing.

Challenges we ran into

One challenge was making the project feel personal to Seno without making it too confusing for people who do not know him. We wanted the app to work as both an inside joke and a real demo, so we balanced specific references with broader humor.

Another challenge was designing the scoring system. Since this is a silly quiz, the results should feel funny and surprising, but they also need to feel like they came from the user’s answers. We solved this by giving each answer multiple hidden trait values instead of making the final result completely random.

We also had to be careful with the music integration. Since “Milk” by Sweet Trip inspired the project, we wanted it to feel central, but we did not want to directly use copyrighted audio or lyrics. That pushed us to represent the song through atmosphere, visuals, and the overall emotional tone of the app.

What we learned

We learned how much personality can come from small design choices: button text, result names, animations, colors, and the way questions are phrased. A simple quiz can feel much more memorable when the writing and visual style are specific.

We also learned that “useless” projects can still be meaningful. Cats Like Milk does not solve a serious problem, but it creates a fun, personalized experience that fits the hackathon theme and feels like something Seno would actually enjoy.

What's next

In the future, we would love to add more catsona results, animated cat cards, shareable images, and maybe a fake “Milk Energy” leaderboard. We could also add a mode where users upload a cat photo and receive a custom cat compatibility reading.

For now, Cats Like Milk answers one important question:

Would Seno trust you with the aux?

Built With

• and-css-for-the-dreamy-milk/cat-inspired-visuals-and-animations.-no-external-apis
• and-javascript.-the-project-was-built-as-a-lightweight-frontend-web-app.-we-used-react-for-the-interface
• cloud-services
• copyrighted-song-audio
• css
• databases
• html
• javascript
• react
• typescript
• typescript-for-safer-quiz-and-scoring-logic
• vite
• vite-for-the-development-setup