Placement System - Copy this React, Tailwind Component to your project
UI-Development-Prompt-for-Placement-Management-System-Objective-Design-a-user-friendly-and-intuitive-interface-for-a-Placement-Management-System.-The-system-should-include-the-following-key-sections:-1.-Login-Section-For-Admin-and-Users:-A-common-login-page-with-separate-roles-for-Admin-and-User.-Fields:-Username/Email-Password-Login-Button-Forgot-Password-(optional)-Responsive-design-for-desktop-and-mobile.-2.-Registration-Form-Separate-forms-for-Admin-and-User-Registration:-Fields-for-Admin:-Full-Name-Email-Password-(with-confirmation)-Contact-Number-Organization-Name-Fields-for-User:-Full-Name-Email-Password-(with-confirmation)-Contact-Number-Course/Department-Year-of-Graduation-Resume-Upload-(optional)-3.-Placement-Dashboard-(Admin-Section)-Overview-chart-with-the-following-details:-Total-Companies-Visited-Students-Placed-Upcoming-Companies-Visual-Representation:-Bar-charts,-pie-charts,-or-statistics-cards.-4.-Placement-Information-Management-User-Information-Form-for-Placement:-Fields-for-collecting-user-details-such-as:-Full-Name-Email-Address-Phone-Number-Educational-Details-(Course,-Year,-GPA)-Resume-Upload-Skill-Set/Certifications-Placement-Status-5.-Upcoming-Companies-Section-Display-list-of-upcoming-companies-with-details:-Company-Name-Visit-Date-Role/Position-Eligibility-Criteria-Design-Guidelines-Use-a-modern-and-clean-UI-framework-(e.g.,-React,-Angular,-or-Bootstrap).-Ensure-responsiveness-across-devices.-Use-visually-distinct-themes-for-admin-and-user-dashboards.-Provide-tooltips-or-help-sections-where-necessary.
