hackforla
Product: Section 2b: Guest Intake Profile | USER STORY | Upload Photos/Videos
🧩 Overview
We need to enable Guests to upload photos and/or videos to their profiles, so they can present themselves authentically and improve their chances of being matched with suitable hosts.
This feature enhances the guest profile experience by allowing multimedia uploads, empowering coordinators and hosts to make more informed and personal matching decisions.
🧠 Problem Statement
Guests currently lack a way to upload visual media (photos or videos) to their profiles. This limits their ability to represent themselves authentically to hosts and coordinators during the matching process.
Without profile media:
- Hosts and coordinators have less context about the guest.
- The overall trust and transparency of the matching process are reduced.
- Guests may feel underrepresented compared to programs that allow photos or video introductions.
🙋♀️ User Story
As a Guest,
I want to upload photos or videos of myself to my profile,
So that I can present myself accurately and increase my chances of being matched with a suitable host.
🎯 Acceptance Criteria (Definition of Done)
Transfer information to Design → Engineering Issue to be checked off
These high-level criteria will be detailed further in Design and Engineering handoff templates.
- [ ] Upload Capability: Guests can upload between 1 and 5 photos or videos in supported formats (e.g., JPG, PNG, MP4) within their profile.
- [ ] Preview and Management: Guests can preview uploaded media, and delete or replace photos/videos as needed.
- [ ] Validation on Submission: Guests must upload at least one photo or video before submitting their profile. If none are uploaded, an error message should display and submission should be prevented.
- [ ] Update after Submission: Guests can update or replace uploaded media post-submission if requested by a coordinator, without needing to resubmit the entire profile.
- [ ] All relevant unit/integration tests pass and meet QA standards.
- [ ] Feature aligns with accessibility and privacy standards.
🔍 Context / Background
This feature expands guest self-representation and enhances matching accuracy.
- Design Mockup: Guest Wireframe – Upload Photos
- Background: The HUU platform aims to make the host home matching process more personal and informed by enabling both hosts and guests to express themselves through profiles. This enhancement brings parity with host capabilities and aligns with the larger goal of creating trust and transparency in housing matches.
🖼️ Design Notes (Preliminary)
- Design readiness: ✅ Yes
-
Considerations:
- Maintain visual consistency with existing Guest Profile UI.
- Use existing form and media upload components from the HUU design system.
- Apply Material UI components for accessible input and preview features.
- Follow upload pattern similar to document upload or host image upload modules (if available).
📌 Scope Considerations (In/Out Scope)
In Scope:
- Frontend UI for media upload (photos/videos).
- Backend support for storing uploaded files securely.
- Validation logic and profile submission checks.
- Update capability post-submission.
Out of Scope (Future Enhancements):
- Automated media moderation or AI content filtering.
- Coordinator/Host side media review features.
- Video trimming or compression tools.
Feature List:
- [x] Added to Feature List and completed information accordingly.
🛑 Constraints / Risks / Workflow Dependency
- Data privacy: Must comply with relevant data privacy and consent regulations (e.g., GDPR, CCPA).
- Storage: Dependent on AWS S3 or equivalent secure file storage integration.
- Performance: Upload limits and compression required to ensure optimal page performance.
- Dependencies: Coordination with backend to confirm upload endpoint and authentication (via AWS Cognito).
🧭 Action Items
Assign and Prep
- [x] Product Manager: Draft and self-assign this User Story.
- [x] Conduct research on technical upload constraints (file size limits, supported formats).
- [ ] Align with backend and design leads on data flow and privacy handling.
- [x] Define story size and scope with Product Team Lead.
- [ ] If needed, break down into smaller engineering tickets (frontend, backend, QA).
Draft and Review
- [x] Change Issue Status → “In Progress”.
- [x] Complete User Story draft.
- [ ] Move to “For Review / Feedback Needed”.
- [x] Add label “Ready for: Design Peer Review”.
- [ ] Address peer and lead feedback iteratively.
- [ ] Final review by Product Lead → “Ready for: Product Persona”.
🔗 Related Tickets
- Design Ticket: [TBD – Add once created]
- Engineering Ticket: [TBD – Add once created]
- QA Test Plan: [TBD – Add once created]
📎 Resources & References
- Design Mockup: Guest Wireframe – Upload Photos
- Brand Guidelines / Design System: [TBD – Add once created]
- Previous or Related Designs: [TBD – Add once created]
- Platform Links:
@jasika-ai Please review the points I assigned to this issue and confirm you are okay with it.
Here is the old content and this has been modified as per the new template as on 2025-10-09.
Action Item
- [ ] Review user story and align with Product Issue Template. Once completed move this to the appropriate section in this issue.
User Story
As a Guest, I want to upload photos/videos of myself to my profile, So that I can present myself accurately and increase my chances of being matched with a suitable host.
Acceptance Criteria
- [ ] Photo/Video Upload: The guest must be able to upload between 1 and 5 photos or videos in a supported format (e.g., JPG, PNG, MP4) in the Profile section.
- [ ] Preview and Management: The guest should be able to preview uploaded photos and videos and have the option to delete or replace them.
- [ ] Submission Validation: The guest must upload at least one photo or video to submit the Profile. If no photo or video is uploaded, the system must display an error message and prevent submission.
- [ ] Post-Submission Update: The guest should be able to update or replace photos and videos after submission if requested by the coordinator without needing to resubmit the entire Profile.
Definition of Done
- [ ] All acceptance criteria are met.
- [ ] Code is reviewed and approved.
- [ ] Necessary tests are written and pass.
- [ ] Documentation is updated, if applicable.
- [ ] Feature is deployed to the [environment name].
Mockups/Designs
Guest Wireframe - Upload Photos
Reviewed. Please add to the feature list.
- Additionally, please remove "Related Project: Home Unite Us Platform – Guest Profile Flow" from the context/background section