Epic 2.12 Frontend for Rubric Generator

[Ahmedr275]

Frontend Implementation: Rubric Generator Tool

---

Overview
Upon completion of Issue #116 for developing the Rubric Generator, the FE functionality can be implemented. This issue focuses on the frontend implementation to deliver a seamless user experience for educators using the Rubric Generator tool.

Details from Backend Issue (#116):
The Rubric Generator tool is designed to help educators create structured grading rubrics based on input parameters such as grade level, point scale, assignment description, and educational standards. The backend supports flexible inputs and generates a detailed rubric in a table format, which includes categories, performance level descriptions, and adherence to the provided standards.

---

Scope of Work

1. Tool Description
   The Rubric Generator tool will allow users to input parameters such as grade level, point scale, and assignment description, and display the generated rubric in an intuitive and visually appealing format.

2. Design Implementation
   The frontend should follow the design mockups provided in the link below.
   Design Mockup

3. API Integration

   • Use the provided API endpoint to integrate backend functionality with the frontend:
     https://kai-ai-f63c8.wl.r.appspot.com/docs
   • Ensure smooth interaction between the frontend and backend for generating, editing, and exporting rubrics.

4. Features to Implement

   • Input Form: Build an interactive form for users to input parameters like grade level, point scale, and assignment description.
   • Rubric Display: Present the generated rubric in a visually structured table format, adhering to the design mockups.
   • Export Functionality: Add the ability to export the generated rubric as DOCX or PDF.
   • Validation: Implement frontend validation to ensure users provide required inputs in the correct formats.

---

Acceptance Criteria

• The frontend matches the design mockup and provides a seamless user experience.
• The input form correctly sends data to the backend API.
• Generated rubrics are displayed as a structured table.
• Export functionality (DOCX and PDF) works correctly.
• The tool is responsive and functional across devices and browsers.

---

Resources

1. Design Mockup
2. Backend API Documentation
3. Backend Issue (#116)

---

Notes
This issue depends on the completion and functionality of the backend implementation. Frontend developers should refer to the API documentation and test inputs/outputs to ensure consistency between backend and frontend.