Inspiration Traditional online learning leads to passive reading and fast forgetting. We built MindScape AI to change that—using the Feynman Technique to turn passive reading into active mastery by forcing learners to teach concepts back in their own words.
What it does MindScape AI guides users through a complete 5-step active learning loop:
AI Prompt Generator: Click "Inspire Me" to auto-generate dynamic starter topics.
Micro-Lessons: Concepts are split into Bento Grid cards (Analogies, Real-World Examples, Fun Facts, Memory Tricks).
Active Recall Quizzes: Quick micro-quizzes at the end of every module.
Personalized AI Coach: Evaluates quiz results to show what you Mastered vs. Need Revision, generating a targeted 100-word review.
Feynman Evaluation: Explain the topic back in your own words to receive a Mastery Report that pinpoints exact misconceptions and how to fix them.
How we built it Frontend: Next.js (App Router), React, TypeScript
Styling & UI: Tailwind CSS, Framer Motion, Lucide Icons
State Management: Zustand
AI Engine: Groq API (llama-3.3-70b-versatile) for sub-2-second inference
Challenges we ran into Prompt Engineering: Fine-tuning the Feynman grading prompt to detect real human misconceptions without giving unearned scores.
State & Motion Sync: Ensuring smooth UI scrolling and camera-locking when triggering rapid AI re-renders.
Accomplishments that we're proud of Polished Dark-Mode UI: Built a product-ready design with ambient glows, floating docks, and cinematic loaders.
Dynamic Coaching Loop: Built a real-time feedback system that adapts directly to user quiz history.
Lightning-Fast AI: Optimized prompts and Groq integration for near-instant responses.
What we learned Designing structured JSON prompts for strict LLM evaluations.
Managing complex multi-step application states using Zustand.
Enhancing AI apps with polished micro-interactions (typing effects, smooth scrolling).
What's next for MindScape AI Voice Evaluation: Speech-to-text so users can speak their Feynman explanations out loud.
Spaced Repetition: Automated revision reminders at 3, 7, and 30 days.
AI Diagrams: Automatic flowchart and visual map generation for visual learners.
Built With
- framer-motion
- groq
- llama-3.3
- next.js
- react
- tailwindcss
- typescript
- zustand
Log in or sign up for Devpost to join the conversation.