[Feat] Chat Functionality Between Customers and Vendors

[ShivanshPlays]

Description

Feature Request: Chat Functionality Between customers and vendors

Description

The chat feature will be implemented in stages across multiple pull requests. customers will have the ability to search and choose any vendor to start a conversation, while vendors will be able to view and respond to customer messages. This feature will be introduced in a series of PRs, starting with frontend UI design using dummy data and gradually moving to backend integration with dynamic data.

PR Series:

1. Backend setup for chat functionality (EDIT : completed in added backend routes for chat and database schema for chat feature #277 )

   • Implement server actions and schema modifications to dynamically populate the specific chat page for both customers and vendors.

2. Frontend: customer Dashboard page with list of all available vendors to select and explore their offerings
   (EDIT : completed in Customer dashboard #278 )

   • Implement a fully responsive and attractively designed frontend page where customers select any vendor's list.
   • Json server will be used initially to simulate the list of vendors for customers.
   • Ensure design , responsiveness , consistency , theme and usability for the page.

3. DISHES By Vendor Page (EDIT : completed in added dishes by vendor #279 )

• Page with list of all available offerings of a specific vendor to select and and discuss about that specific offering with the vendor
  • Implement a fully responsive and attractively designed frontend page where customers can search and select who to chat with.
  • Json server will be used initially to simulate the list of vendors for customers.
  • Ensure design , responsiveness , consistency , theme and usability for the page.

4. Frontend: Specific Chat Page (EDIT : completed in added specific chat page, where customer and vendor can chat about a specific dish #280 )

   • Design a fully responsive chat interface where customers can view their conversation with a specific vendor.
   • add preview of the offering that is being discussed about
   • Use JSON server to send dummy data to simulate messages between customers and vendors.
   • Ensure design , responsiveness , consistency , theme and usability for the page.

5. Backend: Dynamic customer Selection

   • Implement necessary server actions and modify the schema to dynamically populate the pages made in PR 2 and 3.
   • Connect dynamic data to the frontend, replacing the dummy data for a functional search and selection experience.

6. Backend: Dynamic Chat Functionality

   • Integrate real-time messaging or refreshable data to keep the chat experience responsive and engaging.
   • Connect dynamic data to the frontend, replacing dummy data to support actual message exchanges.

Requirements

• UI/UX: All chat pages must be responsive, visually engaging, and easy to navigate on both customer and vendor sides.
• Real-time Updates (optional for final PR): Consider adding real-time messaging or periodic refreshes for a seamless chat experience.
• Search Functionality: Implement search capabilities to help customers find specific vendors to chat with easily.
• Backend Integration: Support real customer-vendor interactions by dynamically fetching and storing chat data.
• Schema Modifications: Modify database schema as needed to support chat sessions between customers and vendors.

Additional Notes

• Break down each stage into separate PRs to ensure modular, testable code at each stage.
• Ensure all schema and server actions are well-documented for future extensibility.
• Consider security measures and privacy of chat data between customers and vendors.

---

This series of PRs will introduce an intuitive and feature-rich chat experience between customers and vendors on the platform.

[github-actions]

🎉 Thank you for your interest in contributing to this repository! Please wait while we review and assign this issue to you. In the meantime, feel free to ⭐ the repo to stay updated on future developments.

Stay awesome! 😎