How azbayou/web_belajarsql works
Web_BelajarSQL is a browser-based SQL learning app. A learner selects a difficulty and question, inspects the question’s tables and expected result, writes SQL, then runs it or submits it for comparison with the reference query. The app initializes DuckDB in the browser and uses Gemini for optional tutoring; tutor responses are rendered as Markdown. The sampled source places these responsibilities in one React component. The README gives no further capability details, and omitted source lines limit certainty about finer-grained wiring.
Main entry points: App.js Learning App · index.js React Entry · question.json Question Data
Components 7
SQL Learning
- Learning App
src/App.js - Question Data
src/question.json
Browser Runtime
- DuckDB Engine
- Markdown Renderer
- React Entry
src/index.js
External Services
- Gemini API
Other components
- Learner
Connections 6
- Learner → Learning App: uses
- React Entry → Learning App: renders
- Learning App → Question Data: reads questions
- Learning App → DuckDB Engine: initializes and queries
- Learning App → Gemini API: requests tutoring
- Learning App → Markdown Renderer: renders response