feat: Implement Feedback System & Navbar Integration #1361

roshankumar0036singh · 2026-01-20T18:55:07Z

Pull Requests Review Criteria

Caution

PRs that fail to meet these review standards will be automatically flagged and may be rejected by maintainers.

Filled out this PR template properly
Did not commit directly to main
Limited commits (max 3–4 unless permitted by Admin/Mentors)
Added comments in complex parts of code

Closes: #1170

Describe the add-ons or changes you've made 📃

Introduced a complete Feedback & Issue Reporting System to allow users to report bugs, suggest features, or provide general feedback directly from the application.

🌟 New Features

Navbar Integration
- Added a new "Support" icon to the Navbar.
- Dropdown Menu:
  - Feedback: Opens the internal feedback modal.
  - Request a Feature: Redirects to the GitHub Feature Request template (feature-request.yml).
- Logic is inlined directly into Navbar for seamless state management.
Feedback Modal
- Rich Form: Includes fields for Title, Category (Articles, Chats, Code), Details, and Reproduce Steps.
- File Attachment: Users can attach screenshots (max 5MB).
- Validation: Real-time validation for character limits and required fields.
- Notifications: Integrated with the internal useNotifications hook for consistent success/error feedback (removed react-toastify).
Backend Implementation
- Database: New Feedback model and schema in MongoDB.
- API Endpoint: POST /api/feedback/submit accepts a JSON payload.
- Image Handling: Attachments are converted to Base64 on the client and uploaded directly to Cloudinary by the backend.
- Security: Removed dependencies like sanitize-html in favor of strict validation and clean architecture.

🔧 Technical Improvements

No FormData: strict requirement to avoid FormData references; implemented JSON-based file transfer (Base64).
Clean Code: Refactored to remove unused imports and dependencies (multer, react-toastify removed).
Type Safety: Full TypeScript definitions for feedback payloads and categories.

Screenshots 📷

vercel · 2026-01-20T18:55:12Z

@roshankumar0036singh is attempting to deploy a commit to the avdheshvarshney's projects Team on Vercel.

A member of the Team first needs to authorize it.

github-actions · 2026-01-20T18:55:30Z

Thank you for submitting your pull request! We'll review it as soon as possible. For further communication, join our discord server https://discord.gg/tSqtvHUJzE.

roshankumar0036singh · 2026-01-20T18:56:34Z

@Avdhesh-Varshney plz review it

Avdhesh-Varshney

Turn off your installed vs-code prettier or formatter tool. Then, use this command,

npm run format

Avdhesh-Varshney · 2026-01-21T04:39:10Z

.github/workflows/auto-comment-pr-raise.yml

Revert these formatting

Avdhesh-Varshney · 2026-01-21T04:39:30Z

.github/workflows/duplicate-issue-detection.yml

Revert this formatting

Avdhesh-Varshney · 2026-01-21T04:41:19Z

client/src/infra/rest/apis/feedback/index.ts

+}) => {
+  const queryString = params
+    ? // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      `?${new URLSearchParams(params as any).toString()}`


Feedback should not be searchable through URL search parameter.
Just pass limit and skip values and encode them in api URL

Avdhesh-Varshney · 2026-01-21T04:45:57Z

client/src/shared/components/organisms/header/hooks/index.ts

Revert the formatting

Avdhesh-Varshney · 2026-01-21T04:47:09Z

client/src/shared/components/organisms/navbar/index.tsx

+              }}
+            >
+              <Badge>
+                <SupportAgentIcon />


Move popper logic in navbar components folder. Just keep the icon button to be here.
Keep the code to be clean.

Avdhesh-Varshney · 2026-01-21T04:52:07Z

server/src/controllers/feedback/submit-feedback.js

+      reproduce_steps,
+      attachment_url,
+      attachment_public_id,
+      status: 'pending',


Create enum for FEEDBACK_STATUS and also use the same in schema

Avdhesh-Varshney · 2026-01-21T04:53:39Z

server/src/routes/api/feedback.routes.js

+
+const feedbackRoutes = express.Router();
+
+// Route checks authentication and handles single file upload logic for 'attachment' field


Try to use upload multer middleware

Avdhesh-Varshney · 2026-01-21T04:54:29Z

server/src/schemas/feedback.schema.js

Update schema with enums

Avdhesh-Varshney · 2026-01-21T04:54:59Z

server/package.json

    "nodemailer": "^7.0.5",
    "rate-limiter-flexible": "^7.3.0",
    "resend": "^6.1.2",
-    "sanitize-html": "^2.17.0",


Don't remove this package.
Revert the changes of package.json and package-lock.json

Avdhesh-Varshney · 2026-01-21T04:55:13Z

eslint.config.mjs

Revert this formatting

vercel · 2026-01-21T04:56:20Z

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Review	Updated (UTC)
code-a2z	Ready	Preview, Comment	Jan 21, 2026 4:56am
code-a2z-server	Ready	Preview, Comment	Jan 21, 2026 4:56am

Avdhesh-Varshney · 2026-01-21T05:04:58Z

@roshankumar0036singh Check this - on adding content in the textarea, instead of scroll with particular max height, it grows up

feat: Implement Feedback System & Navbar Integration

23e1b2d

Avdhesh-Varshney requested changes Jan 21, 2026

View reviewed changes

Avdhesh-Varshney assigned roshankumar0036singh Jan 21, 2026

vercel bot deployed to Preview – code-a2z January 21, 2026 04:56 View deployment

vercel bot deployed to Preview – code-a2z-server January 21, 2026 04:56 View deployment


		const feedbackRoutes = express.Router();

		// Route checks authentication and handles single file upload logic for 'attachment' field

feat: Implement Feedback System & Navbar Integration #1361

Are you sure you want to change the base?

feat: Implement Feedback System & Navbar Integration #1361

Conversation

roshankumar0036singh commented Jan 20, 2026

Pull Requests Review Criteria

Describe the add-ons or changes you've made 📃

🌟 New Features

🔧 Technical Improvements

Screenshots 📷

Uh oh!

vercel bot commented Jan 20, 2026

Uh oh!

github-actions bot commented Jan 20, 2026

Uh oh!

roshankumar0036singh commented Jan 20, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

Avdhesh-Varshney left a comment

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

vercel bot commented Jan 21, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

Avdhesh-Varshney commented Jan 21, 2026

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

roshankumar0036singh commented Jan 20, 2026 •

edited

Loading

vercel bot commented Jan 21, 2026 •

edited

Loading