online complain box

[8721111]

✨ Feature Request

Description of the Feature

The Online Complaint Box feature will allow users to submit complaints or feedback directly through the platform. This feature will offer a form where users can input details such as their name (optional), contact information, complaint type, and a detailed description of the issue. The feature should also provide an acknowledgment upon submission, along with a tracking ID for follow-up.

Problem Statement

When complaints come through informal channels (emails, calls, social media), they may lack key information needed for proper resolution. An online form with structured fields ensures that all relevant details (e.g., contact info, complaint type) are captured, allowing for quicker and more efficient resolutions.

Proposed Solution

Frontend Implementation Complaint Submission Form: A user-friendly form that allows users to submit their complaints easily. The form should include:

Name (optional field) Email/Phone Number (required for follow-up communication) Complaint Type (dropdown or multi-select field with categories such as "Technical Issue," "Billing Issue," "Customer Service," etc.) Detailed Description (text area for users to describe the complaint in detail) File Attachment (optional field to upload screenshots or relevant documents to help clarify the issue) Submit Button: When clicked, this will trigger the submission process and display a confirmation message with a tracking ID for the user. Handling Form Data:

The server should handle incoming POST requests from the complaint submission form. For example, using Express.js in a Node.js environment:

Alternatives Considered

Using a Simple Contact Form Another alternative is to use a simple contact form (without tracking IDs or status updates) where users can submit their complaints. This would be a lightweight solution that sends the complaint data directly to an email inbox or stores it in a database.. -->

Add any other context, screenshots, or information related to the feature request here. --> User-Friendly Design: Ensure the complaint submission form is easy to navigate with clear labels and instructions. Minimizing the number of required fields will encourage users to submit their complaints quickly without feeling overwhelmed. Accessibility: The form should be fully accessible, following web accessibility standards (like WCAG) to accommodate all users, including those with disabilities. This could include keyboard navigation, screen reader compatibility, and visible error messages.

Are you participating in GSSoC?

yes

[github-actions[bot]]

Thank you for raising this issue! We'll look into it as soon as possible. Please ensure that the issue is not duplicate, and you read [CONTRIBUTING.md]() carefully. Your contributions are highly appreciated! 😊

[dhairyagothi]

That's great please tell me how you are going to implement . I will help you accordingly .

From where to start ?

@8721111 assigned

[8721111]

i make a separate component but it does not face my complain box .jsx file thats problem occur in my work. I also gave a right route but dont know why cann't data fetch

[8721111]

complain box button are visible on screen

[dhairyagothi]

@8721111 please share some ss

[8721111]

![Uploading station.png…]()

[dhairyagothi]

Ss is not visible

[8721111]

Authentication failed for 'https://github.com/dhairyagothi/StationGuide.git/' when i add my complain box by using git commands then this occurs in my window

[dhairyagothi]

git add .
git commit -m complainbox
git push --all