Build and deploy a functional sticky notes web app with Claude Code, including a simple interface and everyday note-taking interactions.
Do these before step 1.
Create a folder such as sticky-notes. Open it in the Claude desktop app's Code tab, or run cd sticky-notes then claude in your terminal. ChatGPT and Cursor will also build this from the same prompt.
All 254 lines of it. You do not need to read it or understand it — you are copying it, not studying it.
It writes four files: index.html, style.css, app.js and themes.js. There is nothing to install and no questions to answer.
It opens in your browser and works completely. Add a note, tick it off, close the tab, come back tomorrow — everything is still there.
Drag the bookmark to your browser's bookmarks bar. A planner you have to hunt for is a planner you stop using.
Build **Life Sticky Notes**, a personal sticky-note wall that runs entirely in the browser.
## What it is
A single page that looks like a pinboard on a dark wall. I write a note, give it a deadline, and it
appears as a tilted, taped, textured piece of paper. Notes past their deadline are flagged in red.
Notes I finish sink to a section at the bottom. No server, no account, no sync — everything lives in
localStorage.
## Deliverables
Four files, no build step, no npm, no framework:
index.
…Recommended for you
