The latest articles on DEV Community by Parth (@shadowbyte). https://dev.to/shadowbyte https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3040672%2Fce873d28-8eea-4fb9-9a77-d3799b6360f3.jpg https://dev.to/shadowbyte en Parth Sun, 17 May 2026 18:15:25 +0000 https://dev.to/shadowbyte/questxp-the-ai-powered-learning-rpg-that-kills-tutorial-hell-318o https://dev.to/shadowbyte/questxp-the-ai-powered-learning-rpg-that-kills-tutorial-hell-318o <h1> QuestXP: Eliminating Playlist Fatigue </h1> <p>"Tutorial Hell" is real. Self-taught learners spend thousands of dollars on bootcamps that are essentially curated YouTube playlists. Elite instructional content is free, but structure, accountability, and testing are locked behind paywalls. </p> <p><strong>QuestXP</strong> turns unstructured YouTube content into active, gamified university-level courses.</p> <h2> 🛠️ The Architecture </h2> <p>QuestXP is a decoupled system built for extreme scalability:</p> <ul> <li> <strong>Frontend</strong>: React 18, Vite, Zustand, Tailwind CSS.</li> <li> <strong>Backend</strong>: Node.js (v22), Express.js, MongoDB Atlas.</li> <li> <strong>Queue/Cache</strong>: Valkey, BullMQ.</li> <li> <strong>Vector DB/AI</strong>: Pinecone Serverless, OpenAI GPT-4o-mini.</li> </ul> <h2> ⚡ Core Technical Innovations </h2> <h3> 1. Multi-Stage Event-Driven Queue (BullMQ + Valkey) </h3> <p>Processing a course requires fanning out metadata fetch, transcript parsing, chunk embedding, and quiz generation. <br> We offloaded all heavy AI processing to background workers. The API returns instantly, while workers process concurrently via Valkey-backed queues.</p> <h3> 2. Precise RAG Doubt Bot (Pinecone + OpenAI) </h3> <p>Transcripts are embedded using <code>text-embedding-3-small</code> and indexed in Pinecone using individual namespaces for every video lecture. The AI Doubt Chatbot queries this index with a high cosine similarity threshold (0.75) for precise, grounded contextual answers.</p> <h3> 3. Pure-JS Adaptive Study Planner </h3> <p>A deterministic Capacity Midpoint greedy-forward-fill algorithm. It applies a <code>75% efficiency factor</code> to account for note-taking, and distributes lectures proportionally. If you miss a target, it automatically recalculates future dates.</p> <h2> 🚀 Impact &amp; Traction </h2> <p>During our closed beta, QuestXP successfully onboarded <strong>80+ highly active users</strong> who generated courses, took active-recall quizzes, and climbed the XP leaderboards.</p> <ul> <li>Live Application: <a href="https://www.questxp.in/" rel="noopener noreferrer">questxp.in</a> </li> <li>Demo Video: <a href="https://youtu.be/eehNPKyM5rc" rel="noopener noreferrer">YouTube Demo</a> </li> <li>Core Codebase: <a href="https://github.com/parthpatidar03/QuestXP" rel="noopener noreferrer">GitHub Repository</a> </li> </ul> webdev javascript node ai