InspirationInspiration
We were inspired by the difficulties beginners face when learning programming. Many students can get code to run but struggle to understand why it works or where their misconceptions come from. This inspired us to build ExplainX, an AI-powered coding tutor that focuses on understanding rather than simply generating code.
What We Built
ExplainX analyzes a learner's code and provides personalized, line-by-line explanations. It can identify potential misconceptions, teach the underlying concepts, generate concept-check questions, and suggest what the learner should study next. Users can also choose different explanation styles, such as Academic, Story, Interview, or simple explanations.
How We Built It
We built ExplainX using React and Vite for the frontend and Python Flask for the backend. Google Gemini powers the AI-based code analysis and personalized learning experience. We used Supabase for authentication and PostgreSQL-based storage of submissions, concepts, misconceptions, quiz results, and learner progress.
Challenges & Learning
Our biggest challenge was turning AI responses into a structured learning experience rather than a simple chatbot. We learned about prompt engineering, full-stack development, database design, authentication, AI output validation, and adaptive learning.
Through ExplainX, we learned that effective AI education is not just about providing answers—it is about understanding the learner and helping them improve step by step.
Log in or sign up for Devpost to join the conversation.