Epic 2.11 Frontend for AI-Resistant Assignment Generator

[Ahmedr275]

Frontend Implementation: AI-Resistant Assignment Generator Tool

---

Overview
Upon completion of Issue #115 for developing the AI-Resistant Assignment Generator, the FE functionality can be implemented. This issue focuses on the frontend implementation to provide an intuitive interface for educators to create assignments that are resistant to AI-based solutions, ensuring meaningful student engagement.

Details from Backend Issue (#115):
The AI-Resistant Assignment Generator tool generates innovative assignment ideas designed to challenge students and reduce their reliance on AI tools. The backend supports inputs such as grade level, uploaded assignments, and educational objectives, generating multiple assignment ideas with explanations for their AI-resistant modifications.

---

Scope of Work

1. Tool Description
   The AI-Resistant Assignment Generator tool will enable users to input assignment details and view AI-resistant ideas in an interactive, user-friendly format. Users will also be able to review and export generated assignment ideas.

2. Design Implementation
   The frontend should follow the provided design mockups for a consistent and seamless user experience.
   Design Mockup

3. API Integration

   • Use the backend API to fetch AI-resistant assignment ideas and explanations.
   • Ensure smooth interaction between the frontend and backend for data input and output.

4. Features to Implement

   • Input Form: Build a form where users can specify grade level, upload existing assignments, and provide additional criteria or objectives.
   • Assignment Ideas Display: Present generated ideas in a clear and visually structured format, including detailed explanations for AI-resistant features.
   • Export Functionality: Allow users to export generated assignment ideas as text or PDF documents.
   • Validation: Implement input validation to ensure data is provided in the correct formats and meets the tool's requirements.

---

Acceptance Criteria

• The frontend matches the design mockup and delivers a user-friendly experience.
• The input form correctly captures user data and sends it to the backend API.
• Generated assignment ideas and their explanations are displayed in a structured and readable format.
• Export functionality (text and PDF formats) works as expected.
• The tool is responsive and functional across devices and browsers.

---

Resources

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

---

Notes
This issue depends on the backend implementation. Frontend developers should refer to the API documentation to test the integration and ensure the generated assignment ideas meet the intended goals of AI resistance.

[Ananta98]

Hi @Ahmedr275, Can I work on this issue? Should I do the onboard meeting, So I can work on this issue? Maybe I will start implementing UI first in one PR, then functionality in other PR.

[Ahmedr275]

Hey @Ananta98 , yes you can start working on this issue. When creating separate PRs, please do mention exactly what is covered in the PR pertaining to the Criteria defined within the issue. Thank you!