A professional AI-adaptive learning game for ages 9-11 featuring interactive floating island adventures across multiple subjects.
- Interactive Home Menu: Animated characters with sound effects and engaging catchphrases
- 6 Learning Islands: Fractions, Vocabulary, Geometry, Arithmetic, Logic, and Science
- Human Characters: Professional educators and friendly guides on each island
- Adaptive Difficulty: AI adjusts challenge level based on performance
- Progressive Hints: Scaffolded support system with audio feedback
- Sound Effects: Interactive audio for clicks, success, errors, and hints
- Mobile Responsive: Optimized for phones, tablets, and desktops
- Teacher Dashboard: Real-time learning analytics and progress tracking
- SCORM Compatible: Deploy to any LMS (Moodle, Canvas, Blackboard)
- xAPI Tracking: Comprehensive learning analytics
- Open
index.htmlin any modern web browser - Click "Start Adventure" to begin learning
- Access Teacher Dashboard for analytics
- Run
create-scorm-package.batto create SCORM package - Upload
quest-of-the-sky-scorm.zipto your LMS - Students access through course assignments
Quest of the Sky/
├── index.html # Main game interface
├── src/
│ ├── xapi.js # Learning analytics tracking
│ └── scorm.js # LMS integration
├── content/
│ └── fractions.json # Learning content data
├── imsmanifest.xml # SCORM package manifest
└── create-scorm-package.bat # Packaging script
- Compare fractions with like and unlike denominators
- Identify larger/smaller fractions using visual models
- Apply fraction concepts through interactive problem-solving
The game tracks:
- Answer accuracy and response time
- Hint usage patterns
- Completion rates and star achievements
- Learning progression across difficulty levels
- Frontend: React (CDN), HTML5, CSS3
- Standards: SCORM 2004, xAPI (Tin Can API)
- Content: JSON-based modular system
- Deployment: Browser-based, LMS-compatible
- 3 Stars: 100% correct (Grade: 100%)
- 2 Stars: 70%+ correct (Grade: 80%)
- 1 Star: Completion (Grade: 60%)
- Luna (👧) - Friendly girl guide who welcomes players
- Max (👦) - Enthusiastic boy companion
- Professor Wise (🧙♂️) - Wise mentor figure
- Captain Smart (🦸♀️) - Superhero learning leader
- Fraction Falls (👩💻) - Compare fractions with interactive challenges
- Word Winds (👨🏫) - Vocabulary and language learning
- Shape Shores (👩🔬) - Geometry and spatial reasoning
- Number Peaks (👨💼) - Arithmetic and math operations
- Logic Lagoon (🧙♀️) - Critical thinking and patterns
- Science Skies (👨🚀) - Scientific concepts and discovery
Built using professional development practices:
- React Components: Modular, reusable UI components
- Responsive Design: Mobile-first approach with CSS Grid and Flexbox
- Sound Integration: Web Audio API for interactive sound effects
- Animation System: CSS animations and transitions for engaging UX
- Git Version Control: Complete development history with meaningful commits
- Data-Driven Content: JSON-based content management system
- Standards Compliance: SCORM 2004 and xAPI (Tin Can API) support
- Accessibility: Kid-friendly fonts, colors, and interaction patterns
MIT License - Educational use encouraged