Personal AI product
Eau de Damo
A perfume shelf you can play with: spin the tower, spray a bottle, and get a pick for today’s weather and plans.
Eau de Damo helps you decide what to wear today, learn what a scent is made of, and keep track of the bottles you own. Spin the shelf, open a bottle, spray it.
I designed it and built it with Claude Code as my coding partner.
- What
- A web app, live
- Built with
- Claude Code, three.js, HTML, CSS & JS, Vercel
- My part
- Idea, design and build
Project card
Chapter 1
Three steps, no account.
- Choose your bottleOne comes full, with 36 perfumes. One waits to be filled with your own.
- Turn the shelfA 3D tower of seasonal shelves. Drag to turn it, click a bottle to open it.
- Spray and decideSpray to count wears. “Pick for me” finds a bottle for today.
Chapter 2
For people with a few bottles and a favourite.
You own a few bottles
and keep reaching for the same one.
You’re new to perfume
Learn by playing, not by reading reviews.
You like to keep count
How much you wear, and how much is left.
Chapter 3
The shelf, up close.
Chapter 4
Plain code, drawn by hand.
Plain HTML, CSS and JavaScript with three.js, bundled with esbuild and live on Vercel. No framework, no backend and no account: your shelf is saved only in your own browser. The bottles, caps and labels are drawn in code.
Perfume data from Fragrantica, via the Le Decanteur dataset (CC BY-NC-SA 4.0). The bottles show house names drawn in code, with no brand logos or product photos.
Want the longer story behind this one?
Let’s talkNext project