// sql
Query Lab
QueryLab-reg / QueryLab-reg.github.io
QueryLab
QueryLab is a browser-based SQL playground for learning and practicing SQL through interactive challenges. Uusers can:
- View structured SQL challenges with sample data
- Write and execute queries directly in the browser (powered by SQLite via sql.js)
- Explore step-by-step explanations and before/after tables
- Reference a built-in cheat sheet preview while solving
✨ Features
- 🧠 20+ curated SQL challenges (Beginner to Intermediate)
- 📘 Interactive schema and table view
- 💡 Visual breakdown of solution steps
- 💻 Runs entirely in-browser (no backend)
- 🧾 Linked cheat sheet overlay for quick SQL reference
🛠 Technologies
- HTML5 + CSS3
- JavaScript (Vanilla)
- sql.js for SQLite execution
- JSON-based challenge system
- Font Awesome for header icons
🚀 Live Demo
Check it out live:
👉 https://querylab-reg.github.io
🔗 Connect
- Portfolio
- GitHub
📁 File Overview
| File | Purpose |
|---|---|
index.html | Main interface layout |
style.css | Responsive styles and layout |
script.js | Handles challenge loading, SQL validation, rendering logic |
challenges.json | Full challenge dataset with schema, expected results, and answers |
image.png | Cheat sheet image preview (clickable with modal zoom) |