Teacher View - Copy this React, Tailwind Component to your project
Create-a-detailed-and-professional-Teacher-View-Page-for-an-admin-dashboard-in-a-teaching-jobs-portal.-This-page-should-present-comprehensive-information-about-a-teacher,-including-personal-details,-qualifications,-skills,-expertise,-experience,-and-analytics-to-provide-insights-into-their-profile-performance.-Ensure-a-clean-layout-with-responsive-design-and-an-intuitive-interface.-1.-Header-Section-Title:-Teacher-Profile-Details.-Action-Buttons:-Edit-Profile-button-with-an-edit-icon.-Download-Profile-button-to-export-the-profile-as-a-PDF.-Deactivate-Account-button-with-a-confirmation-modal-for-security.-2.-Teacher-Information-Section-A-Profile-Card-displaying:-Profile-Picture:-Circular-image-of-the-teacher.-Name:-Full-name-in-bold.-Contact-Information:-Email,-phone-number,-and-address-with-appropriate-icons.-Registration-Date:-Date-the-teacher-joined-the-platform.-Status-Badge:-Active/Inactive-status-with-color-coded-labels.-3.-Skills-and-Expertise-Section-List-all-skills-in-badge-format-(e.g.,-Mathematics,-Physics,-Communication-Skills).-Expertise-Field:-Highlight-specific-areas-of-expertise-(e.g.,-High-School-Physics,-Home-Tutoring).-4.-Qualifications-Section-A-tabular-or-list-based-display-showing:-Degree-(e.g.,-B.Ed.,-M.Sc.).-Institution-Name.-Year-of-Completion.-Certification-Details-(if-any).-5.-Experience-Section-Timeline-view-or-tabular-format-showing:-Job-Titles-(e.g.,-Science-Teacher-at-XYZ-High-School).-Institutions/Organizations-Worked-At.-Duration-of-Employment.-Brief-Description-of-Responsibilities.-6.-Analytics-Section-Include-graphs-and-charts-for-insights,-such-as:-Profile-Views:-Line-graph-showing-views-over-time.-Job-Matches:-Bar-chart-showing-the-number-of-matching-opportunities.-Feedback-Ratings:-Pie-chart-showing-the-percentage-distribution-of-ratings-(e.g.,-5-stars,-4-stars).-Engagement-Metrics:-Metrics-like-applications-sent,-offers-received,-and-jobs-accepted.-7.-Additional-Features-Section-Testimonials/Reviews:-Section-for-feedback-received-from-previous-employers-or-students.-Portfolio:-Uploads-or-links-to-sample-work-(e.g.,-lesson-plans,-certifications).-8.-Responsive-Design-Ensure-seamless-adaptability-to-all-screen-sizes:-Stack-sections-vertically-for-smaller-devices.-Simplify-graphs-for-mobile-views.-9.-Footer-Section-Include-options-for-quick-navigation-to-related-pages:-Manage-Teachers.-Support.-Analytics-Overview.-10.-Visual-and-UI-Enhancements-Use-clear-typography,-professional-colors,-and-subtle-hover-effects.-Highlight-key-information-with-accent-colors-or-bold-fonts.-Include-icons-next-to-headings-for-improved-readability.-The-Teacher-View-Page-should-be-an-informative,-visually-engaging,-and-intuitive-interface-that-allows-administrators-to-assess-and-manage-teacher-profiles-efficiently.
