Teacher Evaluation Form - Copy this React, Tailwind Component to your project
want to build a fully functional Teacher Evaluation Form website with the following features: Secure Login System using Netlify Identity. A Detailed Evaluation Form covering Sections I to XIII, with each section fully included (no placeholders like "Add other sections..."). Each section should have: - Section Title: A clear title for each section (e.g., "Section I: Acquires Information from Various Sources to Appraise Students"). - Include/Exclude Checkbox: Allow evaluators to choose whether to include the section in the final report. - Rating Input Field: A dropdown menu for selecting ratings (1 - Unsatisfactory, 2 - Needs Improvement, 3 - Meets Expectations, 4 - Exceeds Expectations). - Comments Input Field: A textarea for evaluators to provide detailed comments and observations. Internationalization support for both English and Arabic, with proper date and number formatting for each language. Personal Report Generation: Provide the ability to generate customized reports in Word, PDF, and CSV formats, including template customization and preview. Email Notifications: Send email notifications to evaluators upon evaluation submission. Dashboard for evaluators to manage and view evaluations. Form Sections I to XIII: - Section I: Acquires Information from Various Sources to Appraise Students - Section II: Plans Instruction Effectively - Section III: Implements Effective Instructional Strategies - Section IV: Provides a Positive Classroom Environment - Section V: Manages Student Behavior Effectively - Section VI: Communicates Effectively with Students - Section VII: Demonstrates Professionalism - Section VIII: Engages in Professional Development - Section IX: Fosters Relationships with Colleagues, Parents, and Community - Section X: Uses Technology Effectively - Section XI: Demonstrates Knowledge of Content - Section XII: Assesses Student Learning - Section XIII: Demonstrates Flexibility and Responsiveness Implementation should include: Project Structure: Provide a detailed structure of the files and folders required for the project. Prerequisites: Outline any necessary tools, libraries, or accounts needed before starting. Step-by-Step Guide: Instructions on setting up each feature, including secure login, form submission logic, report generation, and email notifications. Complete Code: Provide full code (no placeholders) for HTML, CSS, JavaScript, and backend (if necessary). Internationalization: Include JSON translation files for English and Arabic, and explain how to implement locale switching. Report Generation: Show how to export reports in PDF, Word, and CSV formats. Email Notifications: Provide a backend setup for sending email notifications using a service like SendGrid or Mailgun. Responsive Design: Ensure the form and website work well on mobile devices. I want a comprehensive guide that includes everything necessary to implement the project, ready to be copied and pasted into a Word document for reference.