Create User Profile Page

[meshackyaro]

Description

This issue aims to address the implementation of Create User Profile Page.

The core objective is to: Display the freelancer's reputation score, past gigs, and bio fetched from the backend.

By completing this feature, we will ensure that the TrustFlow protocol maintains its high standards for security, usability, and decentralized logic. This issue requires careful attention to the Frontend architecture and adherence to the existing project conventions.

When picking up this issue, please ensure you document any new dependencies or architectural decisions made during development.

Component

Frontend

Difficulty

🟡 Medium

Tasks

• Review Next.js App Router structure
• Implement the UI components for: Create User Profile Page
• Ensure responsive design using Tailwind CSS or standard modules
• Add caching for npm dependencies in CI
• Run npm run lint and npm run typecheck
• Run npm run build to verify production bundling

Acceptance Criteria

• Feature accurately implements the objective: Display the freelancer's reputation score, past gigs, and bio fetched from the backend.
• Any PR that introduces TypeScript/Rust errors is automatically blocked
• CI pipeline runs in under 3 minutes per PR
• Code is properly reviewed and approved by codeowners

Estimated Time

4-8 hours

[DSOTec]

I'd like to take this. The profile page is the primary trust signal for freelancers on TrustFlow, so getting the data hierarchy and presentation right matters beyond just implementing the spec.

Plan: App Router page at app/profile/[address]/page.tsx, server-side fetch for reputation score, bio, and past gigs with TanStack React Query for client-side revalidation. UI built with shadcn/ui and Tailwind — profile header, reputation score with a visual indicator, paginated gigs list. Mobile-first responsive layout, skeleton loaders per section, empty and error states handled.

I'll run lint, typecheck, and build locally before the PR and document any new dependencies or data-fetching decisions in the PR description.

[grantfox-oss]

🦊 GrantFox — @DSOTec has been assigned to this issue as part of the Official Campaign campaign!

Next steps:

1. Open a Pull Request referencing this issue (e.g., Closes #10)
2. Your PR will be reviewed by the trustflow-protocol maintainers

Good luck! Track your progress on GrantFox.

[grantfox-oss]

🎉 This issue has been marked as completed on GrantFox as part of the Official Campaign campaign!

@DSOTec's PR #58 was approved and merged by @meshackyaro.

🏆 @DSOTec: You earned 35 FoxPoints for this contribution! Your current tier: Explorer (326 total points). Track your full progress on GrantFox.

👏 Great work, @DSOTec! Keep contributing to trustflow-protocol.