LevelUp

LevelUp is a gamified AI learning platform that transforms any topic into a fully interactive RPG-style educational experience instead of returning plain chatbot text.

Users can enter any subject they want to learn — such as JavaScript, Machine Learning, History, or Physics — and the AI dynamically generates a complete learning journey with explorable islands, zones, quizzes, flashcards, boss fights, XP progression, health systems, and recovery mechanics.

Rather than behaving like a traditional conversational assistant, LevelUp converts structured AI output into live generative UI components rendered in real time. The interface adapts dynamically based on the agent response, creating a playable educational application instead of static text responses.

The project was built using Next.js 16 App Router, React, TypeScript, TailwindCSS, Framer Motion, Zustand, and the Groq SDK with llama-3.3-70b-versatile. The AI generates structured JSON responses that are validated and transformed into interactive frontend game systems and UI flows.

The platform includes:

• Dynamic world map generation
• AI-generated quizzes and boss fights
• Interactive flashcards
• XP and health progression systems
• Defeat and recovery states
• Animated RPG-inspired UI
• Real-time rendering of AI-generated learning paths

Our focus during the hackathon was to demonstrate how generative AI can move beyond text chat and become a system capable of generating complete interactive educational interfaces and gameplay experiences in real time.

The project was created specifically for the Generative UI Global Hackathon. Some reusable frontend knowledge, development environment setup, and personal utility patterns from previous projects were reused, but the AI learning experience, gameplay systems, generative UI flow, dynamic rendering architecture, and overall product implementation were built during the hackathon.