Tech Titans: Kai-platform Epic 6.4 Output History Page feature

[LiangChu1]

Description

This is Tech Titans’s implementation of Epic 6.4: Kai Educator Tools Output History feature on the Kai application. This feature includes the ability to view, manage, and export past outputs given by the Kai Tools (specifically the Multiple Choice Quiz and Flashcards from Youtube tools). Basically, whenever a user initiates a new tool session, by clicking on a particular tool, or continuously add new requests onto an existing session, by clicking on the “edit prompt” button within the ToolForm until they click on the “back” button or any of the Navigation options, they can view each session and set of requests per session by clicking on the “Preview” button and copy the content as external text or export the content as a PDF file. Users can also delete an existing session that they currently have within their account in the history page, which allows them to clear any data that they no longer need. The data stored is also filtered and sorted by the date of which the session was last updated in a similar way like ChatGPT’s sidebar.

Videos

Video showing off feature within Kai Application: https://www.loom.com/share/fd9d2eb468c540c4b12360092d1493d1?sid=50d2d565-5863-4226-846f-edbe02b28b75

Backend video:
https://www.loom.com/share/8e27d10bcfd5498a9e88b523c5c690f8?sid=3f9ffab9-2572-4042-8e5f-c2b8c2c03cd8

Frontend video: https://www.loom.com/share/dbee36c4a270439496cd6dd683608dea?sid=ee07ce6a-58e3-43a8-9a30-e91ae63b34c0

Database Schema

Multiple Choice Assessment Database Schema: https://app.eraser.io/workspace/TWSgD8BvahmaY17uTAZq

Youtube Flash Cards Database Schema: https://app.eraser.io/workspace/k0SQnHctTEjlpTyOQWUQ

Project Link

kai-platform-a101f.web.app

Type of change

Please delete options that are not relevant.
New feature (non-breaking change which adds functionality)

How Has This Been Tested?

Test A - Verify that the tool functionality for both the Multiple Choice Quiz and FlashCards from Youtube is behaving correctly and is able to give out AI response(s) given the user’s one or multiple requests (especially if they click on the “edit prompt” button vs the “back” button or any of the Navigation buttons).
Test B - Confirm that the session cards within the History page load up in the correct sorting order by dates.
Test C - Check the created card(s) using the “preview” button to ensure button functionality and that the drawer is being displayed properly on the right side of the screen.
Test D - Test copy button functionality by pasting data into NotePad, Microsoft Word, or google docs to verify correct display of multiple choice quiz and flashcards content.
Test E - Verify export button functionality, ensuring data exported correctly to pdf format (MCQ or flash card).
Test F - Confirm that you are able to access, view, manage, and export the multiple responses given of a particular session if they exist.
Test G - Test option Menu to make sure that it’s able to dynamically sort the session card data in ascending vs descending order.
Test H - Confirm that you are to delete a session card fully from your account.