You are Replit AI. Crewzup is a minimal-UX invite app and social network for projects—empowering users to create projects, send job or investment invites, and negotiate offers seamlessly. Build “Crewzup” by completing these tasks in order:

1. Add a top navigation bar with links: Projects, Invite Flow, Invite History, Negotiations, User Profile.
2. Implement the Projects Index page:
– Fetch and display all projects as cards (avatar, title, short description).
– Make avatar and title clickable to navigate to the Project Detail page.
3. Build the Project Detail page:
– Show project title, full description, image/media carousel, and external links.
– If the current user is the owner, show a “Send Invite” button.
4. Create the Invite Flow section as an accordion with a progress bar:
1. Project Info step: searchable select or “+ Add Project” and optional description textarea.
2. Job Details step: searchable select or “+ Add Job Title,” searchable select or “+ Add Location” (cities/Online), and optional description and date pickers for start/end.
3. Compensation Terms step: allow adding multiple blocks (Medals, Cash, Interest/Equity); each block has type selector, amount input, and conditions textarea, plus “+ Add Another.”
4. Review Offer step: display summary cards for each section with inline “Edit” buttons.
5. Share step: show generated invite link, Email and Social Share buttons, and a “Make Job Public” toggle.
5. Build the Invite History page:
– List the user’s invites with job title, project name, status badge, and creation date.
– Provide Edit, Delete, and “Open Negotiations” actions for each.
6. Develop the Offer Negotiations page:
– Sidebar or inbox listing active invite conversations.
– Chat window with threaded messages, seen indicators, and a reply input at the bottom.
7. Create the User Profile page:
– Header displaying user avatar, active projects count, and Medal balance.
– Feed of user posts (images, YouTube embeds, text) with comment threads.
– “New Post” action to add images, videos, or text.
8. Implement the Public Jobs Index page:
– List all jobs with public status, showing title, project link, and brief compensation summary.
– Clicking an item navigates to a Job Detail page with full details and links to the project and owner profile.
9. Ensure mobile-first UX enhancements across all pages:
– Sticky “Next”/“Back” buttons in multi-step flows.
– Smooth expand/collapse animations for accordions.
– Consistent neutral palette with one accent and clear form inputs, dropdowns, and sliders.
Generate UI component code and interactions step by step following this task list.“`


Posted

in

by

Tags:

Comments

Leave a Reply

Your email address will not be published. Required fields are marked *