Skip to content

[Feature]: Messaging Interface for Contracts #145

Closed

Description

@SudiptaPaul-31

Description

Create an in-app messaging interface allowing clients and freelancers to communicate seamlessly within a contract. The interface should be responsive, intuitive, and optimized for both desktop and mobile.


Requirements

  • Chat Layout
    Structured chat window with clear separation of messages.

  • Conversation List
    Sidebar or tab to switch between contract conversations.

  • Message Timestamps
    Each message displays a timestamp for context.

  • Auto-scroll to Latest Message
    Automatically scroll to the newest message in active conversations.

  • Mobile Responsive
    Interface adapts smoothly to mobile devices.


Acceptance Criteria

  • ✅ Responsive UI — Works consistently across desktop and mobile.
  • ✅ Clean Component Architecture — Modular components for scalability and maintainability.
  • ✅ Loading & Empty States — Graceful handling when messages are loading or no messages exist.

📈 Expected Impact

High — Would significantly improve user experience

Activity

  1. deleted a comment from chidii on Jul 23, 2026
  2. Fash004 commented on Jul 23, 2026

    @Fash004

    @Fash004 has applied to work on this issue as part of the Stellar Wave Program's 7th wave.

    Hello, I just read through everything and totally get what needs to be done. I'd love to jump in and help with this

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

  3. drips-wave commented on Jul 24, 2026

    @drips-wave

    Congratulations, @Fash004! 🎉 Your application was accepted by the repo's maintainers, and the issue is due on July 30, 2026.

    🧑‍💻 @Fash004: 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 awarded 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 🌊

  4. sarahlolaa commented on Aug 24, 2026

    @sarahlolaa

    @sarahlolaa has applied to work on this issue as part of the Stellar Wave Program's 8th wave.

    ‎Hi Maintaner! I've read through the details and have a clear understanding of the issue. Trust me I can resolve this issue professionally.

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

  5. Nacho1499 commented on Aug 25, 2026

    @Nacho1499
    Contributor

    @Nacho1499 has applied to work on this issue as part of the Stellar Wave Program's 8th wave.

    Hello Maintainer,

    I’m Nacho, a full-stack developer, and I’d love to contribute to TaskChain. I’m particularly interested in working on issue #145, [Feature]: Messaging Interface for Contracts.

    I’ve reviewed the requirements and acceptance criteria, and my approach would be:

    1. Review the existing contract and UI architecture to understand how contracts, users, and existing components are structured and identify the best place to integrate the messaging experience.

    2. Design a modular messaging architecture with reusable components such as ConversationList, ChatWindow, MessageList, MessageBubble, and MessageInput.

    3. Build the conversation list so clients and freelancers can easily switch between conversations associated with their contracts.

    4. Implement the chat interface with clear visual separation between sent and received messages and an intuitive message input area.

    5. Add message timestamps using a consistent and readable format to provide useful context for each conversation.

    6. Implement automatic scrolling so the active conversation naturally stays positioned at the latest message when new messages are loaded or sent.

    7. Add loading and empty states to provide clear feedback while messages are being fetched and when a conversation has no messages.

    8. Make the entire interface responsive, ensuring the conversation list, chat window, message bubbles, and input controls work smoothly across desktop, tablet, and mobile screen sizes.

    9. Test the messaging flow across different screen sizes and states, including switching conversations, loading messages, empty conversations, long messages, and maintaining the correct scroll position.

    I’m confident I can build this as a clean, scalable component system that fits naturally into the existing TaskChain architecture while providing a polished experience for both clients and freelancers.

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

  6. drips-wave commented on Aug 25, 2026

    @drips-wave

    Congratulations, @sarahlolaa! 🎉 Your application was accepted by the repo's maintainers, and the issue is due on August 31, 2026.

    🧑‍💻 @sarahlolaa: 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 awarded 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 🌊

  7. added 2 commits that reference this issue on Aug 27, 2026
  8. drips-wave commented on Aug 27, 2026

    @drips-wave

    This issue has been completed by @sarahlolaa as part of the Stellar Wave Program's 8th Wave 🥳

    😎 @sarahlolaa: You earned 200 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.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

Labels

Type

No type

Projects

No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions