Campaign builder UI

[Miss-nonso]

🚀 Campaign Builder Feature – PR

📄 Overview

This PR implements the Campaign Builder UI that allows approved creators to define a funding goal, set milestones, and select a deadline.
Issue #104

✅ Features Implemented

• Input for Funding Goal
• Deadline Picker (with date validation and visual calendar using Calendar component)
• Dynamic Milestone fields (with real-time validation)
• Integration with /api/campaigns endpoint via POST method
• User feedback via sonner toast notifications
• Error handling for API response and form inputs

📂 File Structure

• components/campaign/CampaignForm.tsx – Main form component
• app/api/campaigns/route.ts – API route handling campaign creation with schema validation using Zod

🐛 Notable Issue

The provided POST /api/campaigns endpoint in the original spec consistently returned a 404 Not Found, suggesting it may not have been correctly set up or deployed. However, I proceeded to implement a local route.ts

🖼️ Screenshot

[vercel]

@Miss-nonso is attempting to deploy a commit to the christroa's projects Team on Vercel.

A member of the Team first needs to authorize it.

[0xdevcollins]

Hello @Miss-nonso, yeah, the API isn’t live yet.
The "Create Campaign" page should be part of the dashboard, not the landing page.
Please check http://localhost:3000/projects/new — it’s a good example of the intended design. Also, use ShadCN components where appropriate.

[0xdevcollins]

for the env

NEXTAUTH_SECRET="QJC+Sc3EBh9OsJzsnjAGgbq6xQ8Z7K1cZ1mOOgKA8sE=" # Added by `npx auth`. Read more: https://cli.authjs.dev
NEXTAUTH_URL="http://localhost:3000/" #neccesary
NEXT_PUBLIC_APP_URL=https://boundless-liard.vercel.app/ #neccesary
# NEXT_PUBLIC_API_URL=http://localhost:8000/api
NEXT_PUBLIC_API_URL=https://www.api.boundlessfi.xyz/api

[Miss-nonso]

Hello @Miss-nonso, yeah, the API isn’t live yet. The "Create Campaign" page should be part of the dashboard, not the landing page. Please check http://localhost:3000/projects/new — it’s a good example of the intended design. Also, use ShadCN components where appropriate.

Oh wow. How am I just seeing this...
Okay. I'll make amends accordingly

[Miss-nonso]

RE- 🚀 Campaign Builder Feature – PR

📄 Overview

This PR implements the Campaign Builder UI that allows approved creators to define a funding goal, set milestones, select a deadline etc (Cue taken from the recommended interface - http://localhost:3000/projects/new )
Issue #104

📂 File Structure

• components/campaign-form/components/ – Form components for campaign
• components/campaign-form/steps/ – Steps for Campaign creation form
• components/campaign-form/index.tsx
• components/campaign-form/type.ts

🖼️ Screenshot