Перейти к содержимому

I Built a Halloween Party Website in One Prompt

AgentR

0:00 / 0:00

I Built a Halloween Party Website in One Prompt

2 просмотра · 11 ч назад
AgentR
4 подписчика
2 просмотра · 11 ч назад
One prompt in AgentR, one live Halloween costume party RSVP website: a bright, cozy party page with a ghost mascot and a live countdown, costume contest categories and a spooky drink menu loaded from a real database, a slide-in RSVP form with time-slot capacity and duplicate-email protection, and a password-protected host panel. Build yours at https://agentr.net "Boo & Brew Café" is a fictional demo café made for this video. Its Halloween costume party is two days away, and RSVPs are scattered across paper lists, DMs and texts. In this tutorial I walk through the exact prompt part by part, AgentR plans the page, writes the code and sets up the database, and then we test a real RSVP on the live site. The real build took about 12 minutes and is sped up in the edit. Live demo site: https://agentr.net/alyan/light-22/ Chapters 0:00 Intro: one prompt, one live RSVP site 0:34 The prompt, part by part 2:58 AgentR builds it (sped up) 3:28 The live party site 4:09 Testing a real RSVP 4:45 The private host panel 5:09 7 prompt tips Prompt tips 1. Say who it's for, and exactly how it should look (colors, mascot, light theme). 2. Give your exact headline and button labels, word for word. 3. List every section, and say what comes from the database (contest categories, drinks). 4. Name your form fields, and say "real database". 5. Add simple rules: time-slot capacity, no duplicate RSVPs. 6. Ask for a private admin page (guests per slot, check-in, CSV export) and say what you don't want (no pricing, no fake reviews, no dark theme). 7. Test the live site, and send a clear follow-up fix if something breaks. The exact prompt used in this video Build a light, bright, premium and FUN single-page Halloween party website for "Boo & Brew Café", a fictional neighborhood café (demo brand, Global English). The point: guests RSVP for the café's Halloween Costume Party this Saturday, October 31, in 20 seconds instead of messaging the café. VISUAL: clean warm white background (#FFFDF8) with soft cream panels (#FFF4E6), a happy pumpkin-orange accent (#FF7A1A), soft lavender (#B9A6FF) and mint (#7FE0C2) highlights, deep plum text (#2A1E3B). Poppins from Google Fonts, huge playful headline, rounded pill buttons, soft shadows, lots of white space, tiny floating confetti-style bats and stars drifting gently. Cute and cozy, never scary or gory. NO dark theme, no dark sections anywhere. Sections: 1. Sticky header: "Boo & Brew" wordmark with a tiny ghost icon on the left, nav (Party, Contest, Spooky Menu), and a bright orange "RSVP" pill on the right. 2. Hero: big friendly glossy 3D-style cartoon ghost mascot holding a latte with a pumpkin cup sleeve (built with layered CSS/SVG gradients and soft shading so it looks rounded and 3D, gently floating). Headline "Costumes on. Lattes up." with one line "Halloween Costume Party, Saturday Oct 31, 6 to 9 pm." A live countdown chip that counts down to Oct 31, 6:00 pm (e.g. "2 days 7 hrs to go"). A HUGE orange "Save my spot" button and a soft secondary "See the contest" pill. 3. Costume contest: 4 colorful category cards loaded from the database: Cutest Duo, Most Creative, Best Last-Minute Costume, Spookiest Pet. Each with a cute emoji-style icon and one line. No prize amounts. 4. Spooky drink menu: 6 cards loaded from the database (Ghost Latte, Pumpkin Cloud Cold Brew, Witches' Matcha, Vampire Berry Soda, Caramel Apple Chai, Candy Corn Hot Cocoa), each with a one-line description and a small "kid-friendly" or "contains caffeine" tag. No prices anywhere. 5. "How it works" strip: 3 simple steps (RSVP, dress up, walk the costume runway). 6. Light footer with the wordmark. RSVP (real software, not a mockup): "Save my spot" / "RSVP" opens a smooth slide-in panel: name, email, party size (1 to 6 as tappable chips), optional costume idea text, optional contest category (from DB, or "Just here for lattes"), and an arrival time slot chip (6:00, 6:30, 7:00, 7:30). Save to a real database, enforce a per-slot capacity (slots that are full show greyed out "Full"), and show a big happy confirmation with a confetti burst: "You're on the list! RSVP #BB-___" with the auto-incremented number. The same email can't RSVP twice. ADMIN: password-protected /admin panel: list of RSVPs with total guests per slot, check-in toggle per RSVP, filter by slot and contest category, drinks manager and contest categories manager (add, edit, hide), plus CSV export. The admin login page must not show any demo credentials on screen. (Prompt shortened here to fit the description limit; the full prompt is shown on screen in the video.) Admin sign-in details are kept private. RSVPs shown are demo data for a fictional business. Built with AgentR: https://agentr.net