LearnArena

LearnArena is an AI-powered study universe that transforms static academic documents—dense research papers, slide decks, and lab protocols—into dynamic, multi-modal learning workflows designed to boost comprehension and retention. Built entirely end-to-end within native.builder, LearnArena addresses the fatigue of traditional passive reading by automatically converting raw study materials into structured, interactive formats within a unified workspace. Core Features & Architecture * Interactive Mind Maps: Renders horizontal, left-to-right visual trees with SVG cubic Bézier paths, dynamic node collision prevention, and expandable subtopic drawers. * Active Recall & Socratic Quizzing: Generates flashcard decks, gamified decision-tree diagnostic scenarios, and practice tests that reinforce critical thinking. * Studio-Quality Audio Overviews: Integrates Speechmatics TTS (via Supabase Edge Functions) alongside browser Speech Synthesis for natural multi-voice summaries. * Gamified Workspace: Features XP leaderboards, study reports, and progress tracking across dedicated views (Dashboard, My Universe, Practice Duel, and Learner’s Den). Technical Stack * LLM Engine: Multi-provider API routing (OpenRouter, AIML API, Featherless AI) with structured JSON schema enforcement for models like gpt-4o-mini and Qwen2.5-7B. * Frontend: Single-page app built with React, Tailwind CSS, Lucide Icons, and Canvas Confetti. * State & Persistence: Dual-layer state supporting zero-friction local storage and a single-click Demo Universe Mode.