Epic 5 Marvel Chat and Revamp Chat Interface

[Viraj5903]

Description

This epic focuses on developing a highly customized AI chatbot for educators, introducing new features to enhance user interactions and streamline the overall experience. Key updates include the addition of chat history, quick actions, default prompts, a redesigned top navigation bar, and a revamped chat page. These improvements aim to provide personalized assistance and support various educational needs, ensuring a more intuitive, cohesive, and engaging experience for users.

New Features Implemented:

1. Chat History Feature 📜

• Objective: Allows educators to view their previous conversations with Kai, with each chat entry timestamped and available for reopening.
• Implementation: Integrated a history section into the chat interface using Firebase Firestore for backend functionality.

2. Quick Actions ⚡

• Objective: Enables educators to perform common tasks quickly and efficiently through predefined quick action buttons.
• Implementation: Designed and implemented quick action buttons, managed backend logic for processing requests, and ensured seamless integration with Kai’s responses.

3. Default Prompts Functionality 💡

• Objective: Provides educators with suggestions on effectively using Kai through a section for default prompts.
• Implementation: Created a section for default prompts, handled backend logic for generating suggestions based on user interactions, and integrated these prompts into the chat interface.

4. Top Navigation Bar Implementation 🔝

• Objective: Creates a more intuitive and user-friendly interface by redesigning the top navigation bar.
• Implementation: Implemented a new top navigation bar to streamline content layout and improve access to essential features across all pages.

5. Chat Page Redesign 🔢

• Objective: Enhances consistency, usability, and user engagement by redesigning the Discovery page to align with the chat page’s design.
• Implementation: Reused the chat sidebar component as the Discovery panel, featuring user-specific greetings, quick access to tools like the "AI Custom Course Creator," and links to other relevant resources.

Type of change

Please delete options that are not relevant.

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)
• This change requires a documentation update

How Has This Been Tested?

• Chat History 📜: Verified that previous conversations can be viewed, each chat entry is timestamped, and entries can be reopened.
• Quick Actions ⚡: Tested that quick action buttons are functional, correctly process requests, and integrate seamlessly with Kai’s responses.
• Default Prompts 💡: Confirmed that the default prompts section provides relevant suggestions and integrates correctly with the chat interface.
• Top Navigation Bar 🔝: Ensured the new top navigation bar is intuitive, user-friendly, and improves access to essential features.
• Chat Page Redesign 🔢: Validated that the Discovery page redesign is consistent with the chat page’s design, featuring user-specific greetings and quick access to tools.

Squad Team: Bug Catchers
Squad Lead: Viraj Patel