Quiz Buddy(Hackers Fav,Most Technical,Best Entertainment)

Architecture
Signup
Login Page
Courses Page
selection of quiz topic
Timed Quiz
Correct Answer
Wrong Answer
quiz score
pinecone
pinecone

Inspiration

Our goal with Quiz Buddy is to bridge the gap between education and entertainment, creating a platform where students can enjoy learning while achieving academic success. By leveraging AI, gamification, and personalized feedback, we envisioned a tool that not only supports students' academic needs but also motivates them through interactive learning experiences.

What it does

It connects to a student’s Canvas account to retrieve course materials and organizes them for a streamlined, interactive learning experience. It automatically generates quizzes based on course content and provides personalized feedback. The application gamifies the study process with motivational elements like emojis, and fun responses from the Quiz and our Chat Bots, making studying both engaging and rewarding.

How we built it

We used the following technologies and tools: Frontend: React with TypeScript and Next.js with Tailwind CSS for a responsive and visually appealing UI, combined with Lucide Icons for interactive visuals. Backend: Firebase for profile management and real-time data handling, along with Firestore to store user profiles and course information. AI Integration: OpenAI's API for generating content embeddings, used in quiz creation and contextual responses in chatbots. Database: Pinecone for vector-based storage and retrieval of course materials, enabling efficient and relevant quiz question generation. APIs & Libraries: Canvas API to access and organize course data, and LangChain for streamlined AI integration.

Challenges we ran into

Integrating Canvas API: Retrieving and organizing course materials in a consistent way across different courses and formats proved challenging. Content Vectorization: Storing course data in Pinecone required segmenting PDFs effectively and embedding them while preserving context for meaningful retrieval. Maintaining Engagement: Balancing gamified elements and educational value was a challenge, as we wanted the platform to be fun without being distracting. Adaptive Feedback: Creating feedback that was supportive, motivational, and personalized required careful design and testing.

Accomplishments that we're proud of

Gamified Learning Journey: Successfully combining AI, gamification, and educational content to create an enjoyable learning experience. AI-Driven Quiz Creation: Our use of OpenAI's API for quiz generation makes Academic Assistant uniquely adaptive to student needs. User-Friendly Interface: We’re proud of the intuitive and visually engaging design that keeps students motivated. Privacy-Focused Design: Canvas Access Tokens are stored locally, ensuring user privacy, while Firebase securely manages profile data.

What we learned

Gamification in Education: Adding elements like streaks, emojis, and achievements can significantly boost user engagement and motivation. AI Integration: Using OpenAI embeddings with Pinecone taught us how to build efficient, context-aware retrieval systems for personalized learning. API Management: Integrating multiple APIs required us to enhance our knowledge of API security and data handling, especially with sensitive academic information.

What's next for Quiz Buddy

Adaptive Learning Pathways: Using machine learning to dynamically adjust quiz difficulty based on user performance Advanced Gamification Features: Adding leaderboards, achievements, and badges to boost motivation. Mobile App Development: Expanding the platform to mobile devices for on-the-go learning.

Built With

and-real-time-database-(firestore)-for-course-data-openai-api-for-generating-ai-driven-content-embeddings-and-adaptive-quiz-questions-pinecone-vector-database-for-storing-and-retrieving-course-content-embeddings
canvasapi
enabling-context-aware-and-personalized-quiz-generation-apis:-canvas-api-for-secure-integration-with-students'-canvas-accounts
firebasestorage
firestore
framer-motion-(for-animations)-icons:-lucide-icons-backend-services:-firebase-for-user-authentication
javascript
javascript-frontend-frameworks:-react
langchain
lucideicons
next.js
next.js-styling:-tailwind-css
openaiapi
pinecone
postman
profile-management
react
retrieving-course-materials-and-academic-data-langchain-for-streamlined-ai-integration
tailwind
typescript

Submitted to

MarinaHacks 4.0

Created by

I have worked on Canvas Integration for Course Material Display
-Collaborated on integrating Canvas API within the frontend, allowing students to see organized course materials seamlessly within the interface.
-Ensured that data retrieved from the Canvas API was effectively displayed in real-time.

User Interaction & Experience:
Focused on creating a streamlined user experience by implementing interactive components for quizzes, ensuring each element was accessible and easy to navigate.
Played a role in refining quiz layout and incorporating feedback mechanisms (such as emojis to enhance user motivation.

Chidura Shiva Jyothi
Firebase Backend Services: Set up Firebase for real-time data handling and profile management, creating a secure, scalable infrastructure. Configured Firebase Storage for managing uploaded user data, enabling the backend to handle user authentication and authorization securely.
API Management & Course Data Handling: Managed API calls to Canvas for retrieving course data, ensuring efficient data handling and integration with the front end. Additionally, worked on LangChain integration to streamline AI responses in quizzes and chatbots, improving content relevance and retrieval efficiency.

Rohith Reddy Seelam
I designed the application’s user interface using React with Next.js and Tailwind CSS to ensure a responsive, visually engaging experience across devices. I incorporated Lucide Icons to make navigation intuitive and engaging for users.
Regarding the Gamification Elements, I developed interactive elements such as emoji feedback and animated transitions using Framer Motion for smoother, more enjoyable quiz and chatbot interactions. I contributed to adding motivational elements that enhance user engagement while keeping the app simple and distraction-free.

Sai Sushma Reddy Julakanti
I led the integration of AI-driven quiz generation and content embedding by utilizing the OpenAI API to transform course materials into interactive quiz content. This involved creating context-aware embeddings, which I stored and managed using Pinecone to enable efficient retrieval and adaptive question generation, ensuring each quiz was tailored to student needs.

To prioritize data security and privacy, I designed a privacy-focused backend that securely handled Canvas Access Tokens by managing them locally, thus protecting sensitive academic information. Additionally, I configured Firebase Authentication for secure login processes and utilized Firestore to effectively manage user profiles and course data, ensuring a seamless and secure user experience.

Durga Sai Lakshmi Nimmagadda