Replace Paper Invites with a Live Event Website: A Side-Gig Project You Can Reuse

💡 Welcome to the Live Session

Follow along at your own pace. If you miss a step or something breaks, each step has a fallback file at the bottom. Grab it and jump back in. You will not miss the rest of the session.

Before You Start ( Checklist )

You will need an IDE. Use one of the following:

• Antigravity by Google — ready to use out of the box
• Visual Studio Code — install either the Claude or Codex extension inside it

📖 Haven't set up your IDE yet?

Follow the setup guide from Session 2 → Webinar Setup

• Node.js — if you are installing Antigravity or VS Code for the first time, you must check if Node.js is already on your computer before doing anything else. Here is how:
  1. Press the Windows key on your keyboard
  2. Type cmd and press Enter — this opens the Command Prompt (your terminal)
  3. Type node -v and press Enter
  • If you see a version number like v20.11.0 — you are good to go, Node.js is already installed
  • If you see an error or the words "not recognized" — Node.js is not installed. Open the Install Node.js dropdown below and complete it before moving forward.
• ⬇️ Install Node.js — click here if not installed

Build Steps

• Step 1 — Create Your Project Folder
• Step 2 — Generate the PRD in Claude
• Step 3 — Generate Wedding Assets in ChatGPT
• Step 4 — Generate the Popup Design
• Step 5 — Generate Visual Mockups
• Step 6 — Generate Design Prompt Files