DebateQuiest

• 

• 

• 

• 

• 

• 

• 

• 

Inspiration

The Aryansh envisioned DebateQuiest as a revolutionary tool to transform how critical thinking and debate skills are developed in the digital age. Inspired by the growing need for accessible, engaging, and personalized learning platforms, we sought to harness AI to make debate education interactive and fun. The gamification trend in education, coupled with advancements in AI like OpenAI’s GPT models, motivated us to create a platform where users could practice argumentation, receive instant feedback, and track their progress in a dynamic, game-like environment. Our goal was to empower students, educators, and lifelong learners to sharpen their minds through AI-driven simulations, making debate skills accessible to all, regardless of geographic or resource constraints.

What it does

DebateQuiest is an AI-powered learning platform that elevates debate and critical thinking skills through a seamless, futuristic user experience. Users sign up via Clerk, selecting a username and grade level, and are welcomed into a personalized dashboard showcasing their level, experience points (XP), quizzes, badges, and leaderboard rankings. The platform offers AI-generated quizzes tailored to the user’s grade or custom quizzes based on chosen difficulty and topics, with detailed results and XP rewards upon completion. Users can engage in real-time AI-driven debates, specifying titles, difficulty, and duration, receiving comprehensive feedback on scores, logical fallacies, and weak arguments. Additional features include bookmarking quizzes for future practice, accessing a competitive leaderboard, submitting queries via a contact form, and exploring subscription plans for enhanced access. DebateQuiest blends gamification with AI precision to make learning argumentative skills engaging and effective.

How we built it

The Aryansh Team built DebateQuiest using a modern, scalable tech stack to ensure a robust and user-friendly platform. The frontend leverages Next.js for server-side rendering and Tailwind CSS for responsive, stylish interfaces. Clerk handles secure user authentication, while OpenAI’s GPT APIs power quiz generation and debate simulations. Postgres with Prisma and Python with fastapi serves as the backend, providing real-time database management for user data, quiz history, and bookmarks. Nodemailer facilitates seamless contact form submissions, and jsPDF enables future PDF report generation. The development process involved integrating these technologies to create a cohesive workflow: users sign up, access a dashboard, engage with AI-curated or custom quizzes, participate in debates, and track progress via leaderboards and badges. The team iterated on AI feedback logic and database persistence to ensure a smooth, futuristic user experience.

Challenges we ran into

During development, the Aryansh Team faced several challenges, all of which were overcome with innovative solutions:

AI Debate Feedback Logic: Initially, organizing debate feedback (scores, fallacies, and weak arguments) was inconsistent. We resolved this by implementing a structured JSON output format and refining the AI’s response parsing logic.

Bookmark/History Persistence: Data loss on page reloads disrupted user experience. We addressed this by integrating Prisma for persistent storage, moving away from unreliable local storage.

Level/XP Logic: The early leveling system lacked motivational impact. We developed a balanced XP formula tied to milestones to keep users engaged.

Subscription Handling: Backend payment integration was complex. A temporary solution using Clerk’s user metadata was implemented, followed by full Stripe integration.

Data Analytics: Real-time progression tracking was initially underdeveloped. We incorporated Postgres real-time database features and custom analytics scripts to enable robust tracking.

Accomplishments that we're proud of

The Aryansh Team is thrilled with several milestones achieved during DebateQuiest’s development:

Successfully integrating OpenAI’s GPT APIs to deliver dynamic, personalized quizzes and debate simulations, creating an immersive learning experience.

Building a sleek, gamified dashboard that displays user progress, badges, and leaderboard rankings, fostering motivation and engagement.

Overcoming technical hurdles like AI feedback organization and data persistence, ensuring a seamless and reliable user experience.

Developing a scalable architecture with Postgres and Next.js, laying a strong foundation for future features like educational integrations and subscription plans.

Creating a platform that makes debate education accessible, engaging, and fun, aligning with our vision of empowering critical thinkers worldwide.

What we learned

The development journey taught us valuable lessons:

AI Integration: Fine-tuning AI outputs, like debate feedback, requires structured data formats and iterative testing to ensure clarity and relevance.

User Engagement: Gamification elements, such as XP, badges, and leaderboards, significantly boost user motivation when thoughtfully designed.

Persistence and Scalability: Moving from local storage to Supabase highlighted the importance of robust backend solutions for data reliability and real-time features.

Team Collaboration: Coordinating across frontend, backend, and AI components underscored the need for clear communication and modular development.

User-Centric Design: Feedback from early testing emphasized the importance of intuitive workflows and responsive interfaces to enhance user satisfaction.

What's next for DebateQuiest

The Aryansh Team envisions DebateQuiest as a cornerstone for educational institutions and lifelong learners. Future enhancements under TrackA include:

Progress Reports: Enabling teachers and admins to generate downloadable PDF reports via jsPDF, detailing student performance on a daily or weekly basis.

Analytics Dashboard: Introducing visual charts to track skills improvement (e.g., speaking, critical thinking) and enable class-wise or student-wise comparisons.

Admin Panel: Developing a dedicated interface for managing user roles, content, and debate challenges, tailored for schools and colleges.

Assignment System: Allowing teachers to assign AI debates or custom quizzes, with tools to monitor completion and scores.

Curriculum Alignment: Mapping quizzes and debates to school syllabi (e.g., ICSE, CBSE) for seamless integration into educational frameworks.

Subscription Enhancements: Fully integrating Stripe or Razorpay for tiered subscription plans, unlocking premium features for users. By expanding these features, DebateQuiest aims to redefine debate education, making it a staple in classrooms and beyond, empowering the next generation of critical thinkers.

Built With

• clerk
• fastapi
• framer-motion
• nextjs
• openai
• postgresql
• prisma
• python
• shadcn
• tailwind
• torch
• typescript