Interactive 3D exploration meets AI-powered learning
A revolutionary educational platform where you can explore the universe, perform virtual surgery, and turn your notes into personalized study tools.
3D Learning Lab is a unified learning platform that transforms education through:
🎯 Interactive 3D Models – Explore 21+ detailed 3D scenes across 9 subjects
🤖 AI Study Tools – Upload your notes and generate quizzes, podcasts, and exam papers
🔬 Virtual Experiments – Perform surgery, conduct dangerous experiments, and manipulate molecules with hand-tracking technology
🎮 Gamified Learning – Runner-style quizzes with streak bonuses and real-time feedback
| Subject | Interactive 3D Models |
|---|---|
| 🧬 Life Sciences | Human Heart, Lungs, DNA Double Helix |
| 🌌 Astronomy | Solar System, Milky Way Galaxy, The Moon |
| ⚗️ Chemistry | Water Molecule, Carbon Dioxide, Methane |
| 📊 Business | Corporate Structure, Supply Chain |
| ⚡ Physics | Atomic Model, Pendulum, Wave Motion |
| 💻 Computer Science | Binary Tree, Neural Network |
| 🌍 Geography | Earth's Layers |
| 📐 Mathematics | Platonic Solids |
| 🏛️ History | Pyramids of Giza, Roman Colosseum, Medieval Castle |
Hand-Tracking Virtual Labs – Use your webcam to:
- 🫀 Perform guided heart surgery
- ⚗️ Conduct dangerous chemistry experiments safely
- 🧪 Build molecules atom-by-atom
- 🌋 Simulate volcanic eruptions and tectonic shifts
- ⚛️ Manipulate atomic structures with your hands
- Drag-and-drop PDF or TXT files
- Paste text directly
- Server-side PDF parsing
- Cloud storage with user authentication
- 10 AI-generated multiple-choice questions from your notes
- Runner-style gameplay with lane-switching mechanics
- Streak system: 3+ correct = +50 bonus points
- Dynamic speed adjustment based on performance
- Detailed answer explanations
- AI host explains your notes via video
- Real-time Q&A during the session
- Powered by Beyond Presence API
- Content processing up to 50,000 characters
- Choose difficulty: Easy, Medium, Hard
- Auto-generates structured exam papers:
- MCQs with lettered options
- Short answer questions
- Long answer questions with mark allocations
- Toggleable answer key
- Professional formatting with instructions
- 🌑 Dark glass-morphism design
- ✨ Space-themed backgrounds for astronomy topics
- 🔄 Auto-rotating models when idle
- 📱 Responsive design for all devices
- 🎯 Clickable model parts with detailed info panels
- React 18+ – Component-based UI
- TypeScript – Type-safe development
- Three.js – 3D rendering and visualization
- React Three Fiber – React renderer for Three.js
- Tailwind CSS – Utility-first styling
- Lovable Cloud – Serverless backend
- Supabase – Authentication & database
- Claude API – AI content generation
- MediaPipe Hands – Webcam hand-tracking
- Cannon.js / Rapier – Physics simulations
- TensorFlow.js – ML-powered interactions
node >= 18.0.0
npm >= 9.0.0git clone https://github.com/modisapudikamogelo78coder/3d-learning-lab.git
cd 3d-learning-lab
npm installnpm run devOpen https://apexlearninglab.lovable.app in your browser.
- Browse subjects on the home screen
- Click any topic to enter the 3D viewer
- Rotate: Left-click + drag
- Zoom: Scroll wheel
- Select parts: Click bottom buttons to highlight & read details
- Sign in with email/password
- Navigate to any subject page
- Upload PDF/TXT or paste text in the "Upload Your Notes" section
- Quiz Tab: Play the runner game with AI-generated questions
- Video Tab: Watch an AI tutor explain your notes
- Paper Tab: Generate exam papers with customizable difficulty
- Enable webcam access
- Select a model (e.g., Human Heart)
- Follow on-screen AI guidance
- Use hand gestures to perform experiments