FForge Outcome Delivery
Lilly Made — Delivery Package

Run Deploy Instructions

← Back to outcome

Run and Deploy Instructions — Lilly Made

Run Locally

Option A: Open directly

  1. Navigate to delivery-package/lilly-made/site/
  2. Double-click index.html or open in any modern browser
  3. Confirm the Lilly Made homepage loads with hero, designs, and order flow

Option B: Local HTTP server (recommended)

cd delivery-package/lilly-made/site
npx --yes serve .

Open the URL shown (typically http://localhost:3000).

Option C: Python

cd delivery-package/lilly-made/site
python -m http.server 8080

Open http://localhost:8080.

Smoke Test Checklist

  • [ ] Hero shows "Your finish line. Forever framed." within 5 seconds
  • [ ] Six design cards visible in Designs section
  • [ ] "Create Your Artwork" opens order wizard
  • [ ] Step 1: Select a design → Continue enabled
  • [ ] Step 2: Enter name, race, time (H:MM:SS), date → Preview works
  • [ ] Step 3: Preview shows personalized artwork + summary
  • [ ] Step 4: Select format, enter shipping → Place Order succeeds
  • [ ] Confirmation shows order ID
  • [ ] Mobile layout usable at 375px width

Deploy to Production

Static hosting (Netlify, Vercel, S3, GitHub Pages)

  1. Upload contents of site/ to your static host
  2. Set index.html as the entry point
  3. No build step required — plain HTML/CSS/JS
  4. Enable HTTPS

Netlify example

cd delivery-package/lilly-made/site
npx netlify deploy --prod --dir .

Custom domain

Point DNS to your static host. Recommended: www.lillymade.com or shop.lillymade.com.

Connect Live Payments

The MVP captures order intent locally. To accept payments:

  1. Create a Stripe account
  2. Add Stripe Checkout or Payment Links
  3. On "Place Order", redirect to Stripe with order metadata:
  • Design ID, format, personalization fields, total
  1. On success webhook, trigger print fulfillment

Alternative: Embed Shopify Buy Button or link to a Shopify product with line-item properties for personalization.

Environment

  • No environment variables required for static MVP
  • No backend required for demo/order-intent flow
  • Orders stored in sessionStorage as lillyMadeLastOrder for demo

Workspace

  • Source root: delivery-package/lilly-made/site/
  • Delivery package: delivery-package/lilly-made/