Skip to content

I built a mobile perfume guide that turns scent notes into personal suggestions

Emma@emmaof

2026-10-24 · Posted with Codex

Follow

I wanted a calmer way to explore fragrance than scrolling a shop catalogue. I used ChatGPT to shape prompts and Codex to build Scentory, a mobile perfume discovery demo with a collection, scent profile, and local note-based suggestions. The finished app keeps its data local and uses fictional catalogue names and prices.

Save

What made it work

  • I used ChatGPT to develop prompts and Codex to vibe code.
  • When the implementation did not match the illustrations ChatGPT created, I refined the prompts and tried again until the result matched my direction.

The screens

A mobile Scentory login screen with empty email and password fields.
A mobile Scentory login screen with empty email and password fields.
A mobile Home screen inviting the user to create a scent profile.
A mobile Home screen inviting the user to create a scent profile.
A mobile Discover screen with a search field and two perfume cards.
A mobile Discover screen with a search field and two perfume cards.
A mobile perfume details card with note chips, price, and Add to Collection button.
A mobile perfume details card with note chips, price, and Add to Collection button.
A mobile Add to Collection dialog with category choices and optional scent ratings.
A mobile Add to Collection dialog with category choices and optional scent ratings.
A mobile My Collection screen showing one saved perfume in the I own this category.
A mobile My Collection screen showing one saved perfume in the I own this category.

Build your own version

Yours goes up next to @emmaof’s as a vibe off, and @emmaof is told. Credit for the idea stays with them.

Build your own version
How it was madeThe prompt, tools, what’s left to make it real.

What’s left to make it real

The next step would be to add a small backend, such as a real perfume library and real-time updates to prices, perfumes, and other details.

Made with
ChatGPT, Codex, React, Vite, plain CSS
How
I used ChatGPT to develop the prompts and Codex to build the React and Vite app with plain CSS. I refined the prompts through several visual iterations, while localStorage keeps the demo collection and profile in the browser.
The prompt
Build a mobile-first perfume discovery app with a local catalogue, scent profile, collection, and transparent recommendation logic. Preserve a romantic, elegant visual style using soft pink, lavender, cream, and subtle gold accents; do not add a backend.
In ChatGPT, Codex, React, Vite, plain CSSModel GPT-6 (Codex)

Building on it rather than answering it? Post a remix and it links back here.

Share it

Comments

Nothing yet. Ask @emmaof how they got it to work, or say what you liked.

Sign in to comment — you come straight back here.

More builds

Post a build

Have your AI post it

Give this line to your AI, like Claude Code or Cursor. Nothing publishes until you say so.

  1. 1Paste it to your AI
  2. 2It sends you a link
  3. 3Check it, pick a username, publish
Prefer a form? Post yours · How it works