RD
Riyad Davids

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.

Prompt

About

TeacherEvaluationForm - A detailed evaluation form with sections, ratings, comments, and a responsive design, built with React and Tai. Download free code!

Share

Last updated 1 month ago