A digital learning, assessment, and knowledge evaluation platform powered by Open Trivia Database
Theme Focus: Digital tools that support learning, revision, testing, and skill building.
- 📚 Knowledge assessment
- 📈 Progress tracking
- 🧠 Skill evaluation
- 🔁 Revision and reinforcement learning
- 📝 Structured testing
- 📊 Performance measurement
- 🎯 Learning outcome evaluation
- Dynamic UI updates for interactive learning
- Time-based logic for assessments
- State transitions for learning flow control
- Clear evaluation metrics for performance analysis
- Real-time feedback mechanisms
- Client-side learning state management
This project models a real-world digital assessment platform, not just a quiz application.
- ✨ Unlimited Question Bank – Continuous questions from Open Trivia Database API
- 🎯 Multiple Subject Categories – Science, History, Mathematics, Literature, Technology, Geography, Sports, Movies, Music, General Knowledge, Mixed
- 📊 Difficulty Levels – Easy, Medium, Hard, Mixed
- 📝 Question Types – Multiple Choice, True/False, Mixed
- 🔢 Flexible Assessment Length – 5, 10, 15, or 20 questions
- ⏱️ Smart Timer System – Visible only during active assessment
- 💾 Smart Caching System – Optimized API usage
- 🔄 Automatic Fallback System – Local question bank if API fails
- 📱 Responsive Learning Interface – Works across all devices
- 🏆 XP-Based Learning Progression System
- 🔥 Consistency Tracking (Streak System)
- 📈 Accuracy & Mastery Analytics
- 🎖️ Learning Milestone System (Achievements)
- 📜 Assessment History Tracking
- 💡 Explanation-Based Learning Feedback
- 🎨 Clean Educational Interface
- 📊 Performance Visualization
Simply open:
index.html
Or use a local server (recommended):
# Python python -m http.server 8000 # Node.js npx http-server
Then open:
http://localhost:8000
- Select number of questions
- Choose subject/topic
- Select difficulty level
- Choose question type
- Click Start Quiz
- Begin structured assessment
Knowledge Quest/ ├── index.html # Main HTML structure ├── script.js # Application logic, state system & API integration ├── style.css # UI styling and animations ├── favicon.png # App icon └── README.md # Project documentation
- Welcome State – Learning configuration
- Quiz State – Active assessment
- Results State – Performance evaluation
- Review State – Learning reinforcement
- History State – Long-term progress tracking
All UI updates are driven by state transitions, not page reloads.
- Conditional quiz timer rendering
- Time-per-question tracking
- Learning pace analysis
- Focus-based UI control
- Assessment environment structuring
- Accuracy calculation
- Score normalization
- Performance grading
- Rank classification
- Learning progression tracking
- Time-per-question analysis
- Streak-based consistency metrics
- XP-based performance modeling
Open Trivia Database
- Provider: https://opentdb.com/
- Cost: Free
- Authentication: Not required
- Data Source: Community curated
- Categories: Multiple domains
- Question Types: MCQ + True/False
Primary Source → Open Trivia API
↓
Smart Cache System
↓
If API fails
↓
Local Question Bank (Fallback)
- LocalStorage-based persistence
- Long-term progress tracking
- Assessment history storage
- XP and performance memory
- No backend required
- Client-side data security
- HTML5 – Semantic structure
- CSS3 – Styling, layout, animations
- Vanilla JavaScript (ES6+) – Logic, DOM manipulation, state handling
- Open Trivia Database API – Educational data source
- Font Awesome – Icons
- Google Fonts – Typography
- No user data collection
- No analytics tracking
- No cookies
- No server storage
- LocalStorage only
- Offline-compatible
- User-controlled data deletion
This project is open-source and intended for educational and academic use.
Arpit Baliyan
Built as an academic project for Web Dev II
Focused on frontend engineering, learning systems, and assessment platforms
🔗 LinkedIn: https://www.linkedin.com/in/arpitbaliyan/
🌍 GitHub: https://github.com/ArpitBaliyan26
Made with ❤️ for education, learning, and assessment