Let's be honest: practicing SQL can feel dry.
Running queries against static datasets often lacks context and thrill. What if you could learn by defending a city from missiles or solving a murder mystery instead?
That is the problem SQL SIDE QUEST aims to solve. It’s an immersive, storytelling-driven way to practice and learn SQL. Think of it as an interactive novel where you don’t just read the story. you drive it forward by writing real SQL queries to solve mysteries.
Key Features & Player Benefits
Learning Mode: Includes recorded lessons designed for beginners or those looking to polish their skills. I prioritized this feature because I found it frustrating to flip between video tabs and a code editor on other platforms. I’ve built a split-screen view so you can watch lectures and practice queries simultaneously without losing your flow.
Story Mode: Progress through chapters of immersive, narrative-driven challenges.
**Scenario Mode: **Standalone SQL challenges for quick practice.
Website: www.sqlsidequest.com
The Tech Stack
I chose a modern stack to keep the experience snappy and responsive:
Frontend: React 18 + TypeScript + Vite
Styling: Tailwind CSS + Framer Motion (for those smooth transitions!)
Database: Supabase (PostgreSQL)
Code Editing: Custom implementation (built from scratch, not using Monaco/CodeMirror)
i18n: React-i18next
Final Thoughts
My biggest hope is simply that you enjoy the game while you learn. I want SQL to feel like an adventure you actually look forward to. Also, there are no subscriptions or payments. it is completely free to play (F2P).
Thank you for checking out my passion project. I’m looking forward to hearing your comments and feedback!
Top comments (0)