How to Create an Artist Collaboration and Sharing Platform in FlutterFlow

Create a projects collection with fields: title (String), type (String: 'music', 'visual', 'writing'), creatorId (String), collaboratorIds (String Array), status (String: 'active', 'completed', 'published'), isPublic (Boolean), description (String), coverImageUrl (String), createdAt (Timestamp). Under each project, add a files subcollection: name (String), fileUrl (String), uploadedBy (String), version (Integer), mimeType (String), timestamp (Timestamp). Add a comments subcollection under files: text (String), authorId (String), authorName (String), timestamp (Timestamp). Extend user documents with: displayName, avatarUrl, bio, skills (String Array), availableForCollab (Boolean), portfolioProjectIds (String Array).

Create an ArtistProfilePage with Route Parameter userId. At the top, display the avatar Image, displayName Text, and bio Text. Below, add a Wrap widget containing skill tag Containers (each skill as a rounded Chip with the skill name). Add an availableForCollab badge that shows a green Available indicator when true. Below the profile header, add a GridView with a Backend Query on projects where collaboratorIds array-contains this userId AND isPublic is true. Each grid item shows the project cover image and title. For the current user's own profile, add an Edit Profile button that opens a form to update bio, skills (using a ChoiceChips multi-select), and availability toggle.

Build a ProjectWorkspacePage with Route Parameter projectId. Show the project title and description at the top. Add a ListView with Backend Query on projects/{projectId}/files ordered by name, then by version descending. Each file row shows: file type icon (based on mimeType), name Text, version badge (v1, v2, v3), uploadedBy name, and timestamp. Add a FlutterFlowUploadButton that uploads to Firebase Storage under projects/{projectId}/files/. On upload complete, create a new file document with version set to the count of existing documents with the same name plus one. This ensures every upload creates a new version rather than overwriting the previous file.

Create a DiscoverArtistsPage with a search TextField and ChoiceChips for skill filters (Music, Visual Art, Writing, Photography, etc.). Add a ListView with Backend Query on users where availableForCollab is true. Apply skill filters using array-contains-any on the skills field. Each result shows the artist's avatar, name, skills Wrap, and an Invite to Project button. Tapping Invite opens a BottomSheet listing the current user's active projects. Selecting a project adds the invited user's UID to that project's collaboratorIds array and creates a notification document for the invited user. The invited artist sees a notification and can accept or decline.

On each file row in the ProjectWorkspacePage, add a comment icon button that opens a BottomSheet showing comments for that file. The BottomSheet contains a ListView with Backend Query on projects/{projectId}/files/{fileId}/comments ordered by timestamp ascending. Each comment shows authorName, text, and relative timestamp. At the bottom, add a TextField with a send IconButton. On tap, create a document in the comments subcollection with the current user's name and the comment text. This keeps discussions attached to specific files rather than scattered in a general chat.

Create a GalleryPage showing all projects where isPublic is true and status is 'published'. Display as a GridView with masonry-style layout. Each project card shows the cover image, title, project type badge, and a Row of collaborator avatars (query user docs for each collaboratorId). Tapping a card opens a ProjectDetailPage showing the full description, all public files, and a credits section listing every collaborator with links to their profiles. Add a Publish button in the ProjectWorkspacePage that sets isPublic to true and status to 'published' when all collaborators approve.