Skip to content

Feature/project submission UI#118

Merged
0xdevcollins merged 4 commits into
boundlessfi:mainfrom
Marvelousmicheal:feature/project-submission-ui
Aug 8, 2025
Merged

Feature/project submission UI#118
0xdevcollins merged 4 commits into
boundlessfi:mainfrom
Marvelousmicheal:feature/project-submission-ui

Conversation

@Marvelousmicheal

Copy link
Copy Markdown
Contributor

This PR implements the full end-to-end project submission experience, including a responsive stepper, dynamic form, file upload support, and API integration. The design and behavior match the provided Figma specifications and Boundless coding standards.

🔧 What's Included
✅ Reusable vertical stepper with 3 stages: Initialize, Validate, Launch

✅ Complete form built inside BoundlessSheet with all fields and validations

✅ File upload support for whitepaper and thumbnail with format/size enforcement

✅ Submit button with live validation state

✅ Success confirmation screen with green check icon and user feedback

✅ API integration with loading and error handling

✅ Responsive layout across all devices

✅ State management for stepper progression and submission feedback

📁 Files Added
components/stepper/Stepper.tsx

components/stepper/index.ts

components/project/ProjectSubmissionForm.tsx

components/project/ProjectSubmissionSuccess.tsx

components/project/ProjectSubmissionFlow.tsx

boundless.webm

@vercel

vercel Bot commented Aug 7, 2025

Copy link
Copy Markdown

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

A member of the Team first needs to authorize it.

@Benjtalkshow

Benjtalkshow commented Aug 8, 2025

Copy link
Copy Markdown
Collaborator

@Marvelousmicheal
From the evidence you provided, it appears you only designed the form without completing the entire flow. Please review the screens I mentioned in the issue description and check the issue title (a multi-step form component with stepper). This issue will be merged anyway. Thank you for your contribution.

@Benjtalkshow

Copy link
Copy Markdown
Collaborator

@0xdevcollins
Kindly merge this issue please.

@0xdevcollins 0xdevcollins merged commit 5d67de5 into boundlessfi:main Aug 8, 2025
7 of 12 checks passed
@Marvelousmicheal

Copy link
Copy Markdown
Contributor Author

@Marvelousmicheal

From the evidence you provided, it appears you only designed the form without completing the entire flow. Please review the screens I mentioned in the issue description and check the issue title (a multi-step form component with stepper). This issue will be merged anyway. Thank you for your contribution.

I did complete the entire flow, you could look through the file changed to see the project submittion flow was change the only reason the end point was going through was because I was getting a not authorized response whenever I make a call

@Marvelousmicheal

Copy link
Copy Markdown
Contributor Author

@0xdevcollins

Kindly merge this issue please.

Thanks

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Implement Complete Project Submission Flow with Multi-Step Form & Stepper Component

3 participants