Can I vibe code ParcelPanel?

Build a custom Shopify order tracking system to replace ParcelPanel using Next.js, Tailwind CSS, Prisma, and the EasyPost SDK.

1. SYSTEM ARCHITECTURE & INTEGRATIONS:
- Set up a Next.js App Router project configured as a Shopify App (using Shopify App Bridge).
- Integrate the EasyPost API Node.js SDK to register tracking numbers and process webhooks.
- Connect a PostgreSQL database using Prisma ORM to store shipments, checkpoints, and store configs.

2. DATA MODEL:
- Store (id, shopifyDomain, accessToken, createdAt)
- Shipment (id, storeId, shopifyOrderId, trackingNumber, carrier, status [Pending, InfoReceived, InTransit, OutForDelivery, Delivered, Exception, Failure], estimatedDelivery, createdAt, updatedAt)
- Checkpoint (id, shipmentId, status, message, location, timestamp)

3. CORE LOGIC & WEBHOOKS:
- Endpoint POST /api/webhooks/shopify/fulfillment: Listens for Shopify 'fulfillments/create' webhooks. Extracts tracking number and carrier. Calls EasyPost Tracker API to create a tracker. Saves shipment record mapped to Shopify Order ID.
- Endpoint POST /api/webhooks/easypost: Listens for EasyPost tracker update webhooks. Maps EasyPost status strings to normalized enum (Pending, InTransit, Delivered, Exception). Updates Shipment and creates new Checkpoint records. Updates Shopify Order metafield `custom.tracking_status` using GraphQL Admin API.

4. FRONTEND COMPONENTS:
- App Block / Public Tracking Page: Create a clean UI component that takes an order ID or tracking number as input. Fetches tracking details from GET /api/track?number=XXX. Renders a vertical step-by-step progress timeline displaying status, location, timestamp, and carrier name. Include a responsive product recommendations grid underneath the timeline for post-purchase upsells.
- Admin Dashboard: Simple React table listing recent shipments, filtered by status, with a search bar for tracking numbers or order IDs.

5. FAILURE MODES & OUT OF SCOPE:
- Handle unknown carriers by passing string directly to EasyPost auto-detection.
- Out of scope: Print label creation, returns management, multi-origin routing rules.

$ each button prefixes agent-specific run instructions · build your own product, never copy proprietary code, trademarks or designs