QuollQuest

Your Agile Learning Adventure

Comment

Inspiration

I’ve always believed that everyone learns differently. Some need visuals. Some prefer hands-on practice. Some learn through stories, repetition, or even mistakes.

But most learning platforms today follow a one-size-fits-all approach. They’re either too rigid, too passive, or just not fun. I’ve seen people give up—not because they aren’t smart, but because the system didn’t support how they learn.

That’s when I imagined something different:

What if learning felt like an RPG adventure? What if you could choose your path, level up, and get smarter with every quest?

That’s how QuollQuest was born — a gamified, AI-powered learning platform where your brain goes on an adventure, not just a lesson.

What it does

QuollQuest is a gamified, AI-powered learning platform where users:

  • Input any topic they want to learn.
  • Embark on a personalized “quest map” with 6 difficulty levels (Lv.0–Lv.5).
  • Face 10 AI-generated multiple-choice questions at each level.
  • Must score ≥70% to unlock the next level.
  • Experience quizzes in Kahoot-style, one question per screen with immediate feedback.
  • Earn EXP, level up, and track progress visually on a vibrant adventure map.
  • Connect their learning journey with dynamic user profiles (avatar, EXP, level).
  • Log in via Email, Google, or Facebook.
  • Are part of a system that adapts difficulty, tracks quiz attempts, and awards badges.

We also built an admin panel for user management and progress monitoring.

How we built it

Tech Stack:

  • Frontend: Vite + React + Tailwind CSS + Framer Motion
  • Backend: Supabase (Postgres, Auth, Storage, Realtime)
  • Authentication: Supabase Email Auth + OAuth (Google & Facebook)
  • State Management: React Context + Hooks
  • Hosting: Netlify

Challenges we ran into

  • Tuning AI output: It took several iterations to refine the Bolt.new prompts to generate relevant, level-based questions across any topic.
  • Quiz logic flow: Building a one-question-per-screen quiz experience with no back navigation, feedback per attempt, and score tracking was more complex than expected.
  • EXP + level sync: Making sure level-up logic, EXP thresholds, and visual updates were consistent between frontend and database.
  • Responsiveness: Ensuring the game-like UI (especially the map) worked well across all screen sizes and devices.
  • Hackathon time constraints: Balancing ambition with feasibility required tough feature prioritization and fast decision-making.

Accomplishments that we're proud of

  • Created a fully working AI-powered learning platform within a limited time.
  • Designed an engaging animated learning map from scratch.
  • Successfully implemented real-time EXP and level progression.
  • Integrated Kahoot-style UX with immediate feedback and adaptive progression.
  • Enabled topic generation by user input — making the platform infinitely scalable.
  • Built a modular full-stack app with login, AI quizzes, leveling system, and admin tools.

What we learned

  • How to apply gamification principles that truly drive engagement, not just decoration.
  • The importance of UX details (animations, progress feedback, transitions) in learning retention.
  • How to handle secure backend logic for adaptive learning with Supabase RLS.
  • How to integrate AI APIs (Bolt.new) in a meaningful, dynamic way.
  • That education and entertainment don’t have to be separate — they can (and should) work together.

What's next for QuollQuest

  • Public launch with curated “starter quests” for popular topics
  • Badge & achievement system
  • Leaderboard + real-time community feed (Quoll's Den)
  • Streak tracking & daily quests
  • “Quoll Mentor” mode powered by AI or Expert and Specialist
  • Mobile app version
  • Classroom mode for teachers to track student progress
  • Multiplayer quiz battles for collaborative/competitive learning

Built With

  • framer
  • netlify
  • react
  • supabase
  • tailwind
  • vite
Share this project:

Updates