Default Component - Copy this React, Tailwind Component to your project

Here’s a solid prompt for PureCode AI to develop a **complete student grievance management system** for your **final year project, MRU Connect**: --- **Prompt:** Develop a **full-stack Student Grievance Management System** named **MRU Connect** for **Malla Reddy University**. The system should include a **secure backend using PostgreSQL** and a **modern frontend with a user-friendly UI**. The key features must include: ### **Core Features** 1. **User Roles & Authentication:** - Role-based access control (Students, Faculty, Admins). - Secure login/signup with email and OTP-based verification. 2. **Grievance Submission:** - Students can submit grievances with categories (academic, infrastructure, harassment, etc.). - Attachments (PDF, images) should be allowed. - Status tracking for each complaint. 3. **Admin Dashboard:** - View, filter, and manage grievances. - Assign grievances to relevant departments. - Update status (Pending, In Progress, Resolved). 4. **Faculty Portal:** - View assigned grievances and provide updates. - Option to escalate issues if necessary. 5. **Notifications & Updates:** - Email/SMS notifications on grievance updates. - Dashboard alerts for pending grievances. 6. **Feedback & Escalation:** - Students can rate the resolution and reopen grievances if unsatisfied. - An escalation mechanism for unresolved issues. 7. **Reports & Analytics:** - Generate reports on grievance trends. - Dashboard analytics for admins to identify common issues. ### **Technical Requirements** - **Backend:** PostgreSQL + Express.js (or Django/FastAPI). - **Frontend:** React.js/Next.js with Tailwind CSS for a clean UI. - **Authentication:** JWT-based security with role management. - **Deployment:** Host on Bolt.new or AWS/GCP. **Ensure the system is scalable, well-documented, and follows best security practices.** --- This prompt should guide PureCode AI to generate a **robust system worthy of top marks**. Would you like any modifications? 🚀