[Feature]: Create Client Dashboard UI

[SudiptaPaul-31]

🔍 Problem Statement

📖 Description

Build a dedicated dashboard layout for clients after login. The dashboard should provide tools for project creation, milestone tracking, approvals, and dispute management to streamline client workflows.

Expected Behavior

• Create New Project: Clients can initiate new projects with required details (title, description, budget, deadlines).
• View Milestone Progress: Display milestones with progress indicators, deadlines, and completion status.
• Approve Milestone: Provide an action button for clients to approve completed milestones and release payments.
• Raise Dispute: Allow clients to raise disputes with clear input fields for reason and supporting evidence.

🛠 Technical Notes

• Implement responsive layout compatible with desktop and mobile.
• Maintain dark/minimal UI styling consistent with platform design.
• Integrate with backend APIs for project creation, milestone tracking, approvals, and dispute resolution.
• Ensure secure handling of project and financial data.
• Optimize for performance to handle multiple projects and milestones.

✅ Acceptance Criteria

• Dashboard loads correctly after client login.
• Clients can successfully create new projects.
• Milestone progress is displayed accurately and updates dynamically.
• Approvals trigger payment release workflows.
• Dispute functionality works with proper error handling and notifications.
• npm run lint and npm run build succeed.
• No regression in authentication, wallet connection, or freelancer dashboard features.

📈 Expected Impact

High — Would significantly improve user experience

[drips-wave]

This issue has been added to the Stellar Wave Program and is worth 150 Points.

🧑‍💻 Interested in contributing? Apply to work on this issue on Drips Wave, earn points, and receive rewards.

Warning

Only applications submitted via the apply link above will be considered. Please do not apply by commenting on the issue or opening a PR directly.

🤠 Repo maintainers: You can manage this issue's Points and Complexity on your Maintainer Dashboard here. Please keep an eye on applications and respond quickly 💙

ℹ️ Learn more about Drips Wave

[chibokaxavier]

@chibokaxavier has applied to work on this issue as part of the Stellar Wave Program's 2nd wave.

I’m Xavier, a full-stack developer with experience building complex administrative dashboards and secure payment-release workflows. I’m applying to build the Client Dashboard UI for TaskChain.

Comprehensive Project Control: I'll build a responsive, dark-themed dashboard that allows clients to create projects, track milestone progress with dynamic indicators, and manage approvals through a secure payment-release interface.

Workflow & Dispute Management: My solution includes a dedicated dispute-resolution module with clear input fields for evidence, integrated directly with your backend APIs to ensure all financial and project data is handled securely.

Performance & Scale: I’ll focus on an optimized, modular architecture that stays snappy even as clients manage multiple concurrent projects, ensuring full compatibility with existing wallet and auth features.

ℹ️ Repo Maintainers: To accept this application, review their application or assign @chibokaxavier to this issue.

[mikevill20]

@mikevill20 has applied to work on this issue as part of the Stellar Wave Program's 2nd wave.

Hello maintainer, please assign this issue to me. Thanks.

ℹ️ Repo Maintainers: To accept this application, review their application or assign @mikevill20 to this issue.

[legend4tech]

@legend4tech has applied to work on this issue as part of the Stellar Wave Program's 2nd wave.

Hi, I’m Legend4Tech, a full-stack developer and a former fellow at OnlyDust. I came across this issue and I’m really interested in working on it. I have experience across both frontend and backend development, and I enjoy digging into problems, understanding the context, and delivering clean, well-structured solutions.

I’d be happy to contribute and collaborate with the maintainers to get this resolved. Please let me know if you’d like me to proceed or if there are any specific guidelines I should follow.

ℹ️ Repo Maintainers: To accept this application, review their application or assign @legend4tech to this issue.

[walterthesmart]

@walterthesmart has applied to work on this issue as part of the Stellar Wave Program's 2nd wave.

Hi @SudiptaPaul-31, I would like to work on this issue.

ℹ️ Repo Maintainers: To accept this application, review their application or assign @walterthesmart to this issue.

[drips-wave]

Congratulations, @legend4tech! 🎉 Your application was accepted by the repo's maintainers, and the issue is due on February 26, 2026.

🧑‍💻 @legend4tech: Please resolve the issue such that the repo's maintainers have enough time to review your contribution before the due date. You'll earn Points for completing the issue on-time, which will make you eligible for a share of the Stellar Wave Program's reward pool.

Warning

When opening a PR, please link it to this issue to ensure it gets tracked accurately. Points are issued when this issue is marked as completed by the maintainer.

🤠 Repo maintainers: Please keep an eye on the contributor's progress and review their work before the due date. You can manage this issue, including adjusting its complexity and points, here.

🌊 Happy Wave 🌊

[drips-wave]

This issue has been completed by @legend4tech as part of the Stellar Wave Program's 2nd Wave 🥳

😎 @legend4tech: You earned 150 Points for completing this issue! After the current Wave ends, you'll be eligible for a percentage of the Wave's reward pool based on the percentage of total points you've earned. Learn more here. You can also Leave a review to share your experience working on this issue.

🧑‍💻 Repo maintainers: How'd the contributor do? Leave a review to share your experience working with them.