All projects/App Building

App Building

Build a Curtain-Drop Birthday Gift Website

Build a birthday website with Claude Code that opens on a countdown curtain, then photos, a scrapbook and a chat, and sell each one as a gift.

About 1 hour6 steps4 promptsIntermediate
01 · Tools

AI tools you’ll use.

C
Claude CodeWrites the code and runs the terminal for you.
N
Node.jsRuns the local preview server.
V
VercelPuts the editor online for self-serve buyers.
R
RazorpayCollects the payment before the download.
03 · Guide

Step-by-step guide.

3 of 6 open
1
SetupInstall Claude Code and Node.js

Install Claude Code (curl on Mac, irm in PowerShell on Windows) and Node.js LTS from nodejs.org. Make a birthday-gift folder and run claude inside it.

2
PromptPaste the master prompt

It builds all six sections in plain HTML, CSS and JavaScript, with the name, date, photos and messages in one GIFT object at the top of app.js.

3
TestCheck every screen on localhost

Run npx serve . and scroll through every section on a laptop and on your phone. Describe anything wrong in one sentence and let Claude Code fix it.

4
PromptBuild the editor

The second prompt adds a tabbed form with the gift running live beside it, an Apply changes button, and a Download HTML button that seals the photos into one file.

5
HandoverDownload it and send it

Fill every tab, watch it from the start, download the file and open it once with Wi-Fi off. Send it a few days early so the countdown is part of the gift.

6
StepTake payments

Start with a Razorpay payment link and make gifts yourself. When people ask, deploy the editor to Vercel and put Download behind a Razorpay checkout.

04 · Prompts

The prompts that built it.

prompt-1.txt
Build me a birthday gift website: ONE self-contained .html file that I can send to someone on their birthday. It is a single scrolling page of full-screen sections, each one snapping into place, that opens with a theatre curtain counting down to their birthday.
…
05 · Monetize it

How you can monetize it.

1
Done-for-you giftMake it from their photos and messages in 24 hours and send the file after a Razorpay payment link: ₹499–₹799. Start here.
2
Self-serve giftBuyers make their own in your editor and pay to download: ₹199–₹300 each. 1,000 gifts a month at ₹300 is ₹3 lakh a month.
3
Countdown teaserThe gift plus a 15-second screen recording of the curtain for their story: ₹999.
4
Sell the templateThe editor folder as a zip on Gumroad or Topmate: ₹499–₹999.
06 · Built with

Languages and tech stack.

TECH STACK
HTMLCSSJavaScriptGSAPStPageFlipthree.js
Become the top 1% of AI users
Become the top 1% of AI users