How to Create a Platform for Freelance Services in FlutterFlow

Create a freelancers collection with: userId (Reference), displayName (String), title (String, e.g., Full-Stack Developer), bio (String), avatarUrl (String), stripeAccountId (String), rating (Double), reviewCount (Int), completedOrders (Int). Create gigs with: freelancerId (Reference), title (String), description (String), category (String: Design/Development/Writing/Marketing/Video/Music), priceRange (Map with min and max Doubles), deliveryDays (Int), portfolioUrls (Array of Strings, sample work images), tags (Array of Strings), rating (Double), orderCount (Int), isActive (Boolean). Create orders with: clientId (Reference), freelancerId (Reference), gigId (Reference), requirements (String, client's brief), price (Double, agreed price), status (String: pending/inProgress/delivered/revision/completed/cancelled/disputed), deadline (Timestamp), stripePaymentIntentId (String), deliverableUrls (Array of Strings), revisionCount (Int, max 2), createdAt (Timestamp), completedAt (Timestamp). Create orders/{id}/messages subcollection for per-order chat.

Create a BrowseGigsPage with a search TextField and category ChoiceChips (All, Design, Development, Writing, Marketing, Video, Music) at the top. Display a GridView of gigs where isActive is true, filtered by selected category. Each card shows: first portfolioUrl image, title (maxLines 2), freelancer avatar + name Row, price range Text (From $X), rating stars + orderCount. Tapping navigates to GigDetailPage showing full description, all portfolio images in a horizontal PageView, delivery time, price details, freelancer bio with link to full FreelancerProfilePage, reviews ListView (from a reviews subcollection), and an Order This Gig button. The FreelancerProfilePage shows all of a freelancer's active gigs, overall stats, and reviews.

On the Order This Gig button tap, open an OrderFormPage with: the gig title and price displayed, a requirements TextField (multiline, for the client to describe what they need), an optional file attachment FlutterFlowUploadButton for reference materials, and a Confirm Order button. On confirm, call a Cloud Function createFreelanceOrder(gigId, clientId, requirements, price). The function creates a Stripe Payment Intent with capture_method manual (authorization only, not captured yet) and transfer_data pointing to the freelancer's stripeAccountId. It creates the order doc with status pending and the stripePaymentIntentId. The client's card is authorized for the amount but not charged until work is approved. Navigate to the order detail page.

Create an OrderDetailPage showing order status, requirements, messaging, and action buttons that change based on status and user role. Freelancer actions: Accept Order (pending → inProgress, sets deadline), Deliver Work (upload deliverables via FlutterFlowUploadButton, status → delivered). Client actions on delivered status: Approve (triggers payment capture, status → completed) or Request Revision (status → revision, revisionCount incremented, max 2 revisions). On Approve, call a Cloud Function that captures the Stripe Payment Intent and transfers funds minus platform fee to the freelancer. Update the freelancer's completedOrders count and trigger a review prompt. If the client does not respond within 7 days of delivery, a scheduled Cloud Function auto-approves and captures payment.

On the OrderDetailPage, add a messaging section below the order details. Query orders/{orderId}/messages ordered by timestamp. Display as a chat-style ListView with sender avatar, message text, and timestamp. Add a TextField + Send button pinned at the bottom. On send, create a message doc and send a push notification to the other party via Cloud Function. For the freelancer dashboard, create a FreelancerDashboardPage with TabBar: Active Orders, Completed, Earnings. Active Orders tab: ListView of orders where status is pending, inProgress, delivered, or revision. Completed tab: ListView of completed orders with client reviews. Earnings tab: total earnings Text, monthly earnings chart (Custom Widget), pending payouts from Stripe Connect balance, and a link to the Stripe Express dashboard for payout management.