top | item 43041827

Show HN: SQL Noir – Learn SQL by solving crimes

463 points| chrisBHappy | 1 year ago |sqlnoir.com | reply

I built SQL Noir, an interactive detective game that challenges you to solve mysteries using real SQL queries. It’s fully open source, designed to give you a practical and immersive way to learn SQL while engaging with a narrative-driven mystery.

85 comments

order
[+] RvdV|1 year ago|reply
I like it! Very fun! Few ideas:

- The "submit" box isn't clear on whether it needs the name or the suspect id for the first case

- It would be nice to have a "copy to notes" button in the output

- It would be nice to have some docs on what functions are available / which dialect this is.

I think this very valuable, it's so much more easy to learn if you actually have a small project to work on

[+] caro_kann|1 year ago|reply
> - The "submit" box isn't clear on whether it needs the name or the suspect id for the first case

I think it's implemented to be general, they wrote what to submit in 'Objectives' section though. For me as a user, I deduced that they wanted "suspect" name, after all, this is a detective game.

[+] worble|1 year ago|reply
This is super fun!

One small thing which would be nice is the ability to just download the sqlite database myself so I could use my preferred application to query it, and just use the site for the brief, notes and submission.

Also a nitpick, while you say it's for "learning" SQL, I would probably expect something a little more guided, or at least some example queries, if the intention was to teach SQL. As it stands, if you don't know SQL you're probably going be completely lost as to what you should be doing. It's really cool, just not specifically as a learning tool.

[+] laowantong|1 year ago|reply
A great addition to a field where there aren't many offerings: SQL Island (https://sql-island.informatik.uni-kl.de) and SQL Murder Mystery (https://mystery.knightlab.com) come to mind. The mechanism of SQL Noir is close to that of the latter, i.e., an undirected, essentially standalone adventure. I myself am working on SQLab, a SQL game engine that allows you to augment an arbitrary base with exercises on that base to produce directed, standalone adventures: https://github.com/laowantong/sqlab. You download a dump of the database (currently MySQL, SQLite, Postgres), and can play under any administrator interface. On the same page there's a link to the long police investigation I designed for my (French) students. If you're a teacher or researcher in the field, the principles of SQLab are explained here: https://arxiv.org/abs/2410.16120.
[+] daluc|1 year ago|reply
Great project, totally agree! Also further great projects posted here. I'll chip in here my project of an SQL Game Console that comes with a SQL Game Editor -- allowing students to build their own SQL escape game in the browser: https://eskuel.de . It's been fun trying this out in the class room (only available in German right now). Example game: https://eskuel.de/zoo/
[+] wbakst|1 year ago|reply
Love this! The style is unique and awesome.

I see the beginnings of a really fun way to learn / practice / remember SQL.

A few notes:

- Would be cool if it was a single workspace (no tabs). Was constantly switching tabs back and forth.

- Saving previous SQL queries and results would be cool. I was copying results into the notes. Feel like this is important as things get more complex.

Excited to see where you take this!

[+] chrisBHappy|1 year ago|reply
Good notes indeed. I have just implemented a side by side view so that you can view 2 tabs at once. I hope this helps. Also as other users suggested you can use the notes for saving queries but you can also comment them out in the editor.
[+] dylan604|1 year ago|reply
> - Saving previous SQL queries and results would be cool. I was copying results into the notes. Feel like this is important as things get more complex.

I imagined myself with my flip notepad at the crime scene taking notes every time I'd copy queries/results to the notepad section. All I needed was a hat, and then say "just the facts, ma'am" a couple of times.

[+] fodkodrasz|1 year ago|reply
The idea is good, but the UI is all but immersive.

Things that would it make more immersive:

- autocomplete

- and/or the ability to view the schema alongside the query (on a wide enough screen)

- a way to copy table and column names easily with a click (table names cannot be selected at all!)

- ability to just add more queryies under/over the already executed ones, instead of only being able to replace them.

[+] tiu|1 year ago|reply
Agree with all but autocomplete should either be a hidden feature or disabled by default since I think it takes away from the immersion as well forces you to recall.

Maybe enabled on a NG+?

[+] chrisBHappy|1 year ago|reply
Thank you for the suggestions. I have just implemented the following: - Side by Side view to open up two different tabs at the same time - Copy button to copy table names
[+] jkubicek|1 year ago|reply
Commenting out blocks of code with command-/ would be super useful as well
[+] 8mobile|1 year ago|reply
Wow what a great idea, I had fun solving the cases. I think maybe a comic version would help junior programmers. The SQL editor sometimes behaves strangely and does not allow correct writing. Thanks
[+] kaeruct|1 year ago|reply
The editor behaves weirdly when I try to add comments.

It's hard to explain, but you can reproduce like this:

1. Write several lines, for example:

  select i.*, s.*
  from interviews i
  join suspects s
  on s.id = i.suspect_id

2. Try to comment each line on its own by typing -- in front of each line.

  -- select i.*, s.*
  from interviews i
  join suspects s
  on s.id = i.suspect_id



  -- select i.*, s.*
  -- from interviews i
  join suspects s
  on s.id = i.suspect_id

3. As soon as you do it for "from interviews i", that line will move itself to the previous line, and the syntax highlighting will be broken
[+] doruk101|1 year ago|reply
When I was in university, my instructor linked something like this for SQL practice (a crime solving minigame, just like this one).

I remember getting really into it, even going to the extreme of trying to find the most efficient one-liner solution.

Thanks for making this. I’ll be passing the torch by linking it to anyone interested in learning SQL.

[+] chocks|1 year ago|reply
This is pretty fun, I tried the two free mysteries and was fun solving them. One nit, would be nice if the SQL editor supported comments so we can comment out old queries before running new one so as keeping a history esp if we need to run the same queries again. Good stuff :)
[+] chrisBHappy|1 year ago|reply
You should be able to add -- and comment out lines of queries. If not, this is a bug that I will investigate. Also you can use the Notes tab to store any past queries and findings.
[+] ryanianian|1 year ago|reply
Really cute. But I really want the ability to put the different tabs -- Brief, Workspace, Schema -- side-by-side. I know SQL and wanted to play with this, but the UX was frustrating enough to drive me away, even though it is really pretty.
[+] __float|1 year ago|reply
+1 to this. Remembering the schema is kind of a big barrier when you're just jumping in, and that's when you want to be able to explore at random the most.

(I also struggled with the schema because crime_scene was singular and suspects was plural!)

[+] SlackingOff123|1 year ago|reply
I agree. I also wish it was possible to run multiple queries in the same window e.g.:

  select * from crime_scene;
  select * from suspects;
[+] chrisBHappy|1 year ago|reply
Yes! I just implemented a "Side By Side" view that will enable you to view 2 separate tabs side by side. Only on Desktop.
[+] chrisBHappy|1 year ago|reply
That's a good suggestion. I'm not sure if screen real estate won't be a problem though.
[+] deanebarker|1 year ago|reply
This is really lovely. It makes me happy that you invested time into building this for other people.
[+] Factory|1 year ago|reply
On case #4: select * from phone_records where caller_id= 11 or recipient_id = 11

The results header is screwed up, there is an extra 'id' column. At least on firefox.

[+] hobs|1 year ago|reply
Something is weird in at least firefox. Type or paste:

  select \* 
  from crime_scene;
then TYPE so you add a comment

  select \* 
  from crime_scene;
  --
I see

  select ----from---------------- 
but when I select the text I see what I wrote - I like the comment my text (and I was pulling in the instructions) but it renders some interesting garbage pretty fast.
[+] chrisBHappy|1 year ago|reply
Thank you for pointing that out. Will look into it.
[+] yesthisiswes|1 year ago|reply
This is cool! Great job! I completed the first challenge.

I guess I’m used to sql server management studio I tried running multiple queries at once and wasn’t able to. I also tried writing a comment with two dashes to keep track of the id’s and it replaced most of my query with dashes. It might have something to do with being on mobile on iOS.

[+] chrisBHappy|1 year ago|reply
Thanks for pointing that out. I just fixed the single line comments. It should work as expected now.
[+] haliskerbas|1 year ago|reply
I just shared this with folks, it looks incredible! I’m giving it a try myself too.

By the way, I was trying to use a bunch of one-liner SQL statements to explore the data, and it seems like the editor doesn’t handle comments very well. Is there a way to make it work better?

[+] chrisBHappy|1 year ago|reply
Yep, comments are broken. Currently working on a fix.
[+] hinkley|1 year ago|reply
Feature request:

Badges for completing challenges.

Issue Closed, Won’t Fix.

Badges?? We don’t need no stinking badges!

[+] hotfrost|1 year ago|reply
I'm a big SQL noob, so I barely know what I'm doing, but... I managed to crash both Firefox and Edge whenever I ran this query:

  select * from crime_scene, suspects
[+] mhuffman|1 year ago|reply
>select * from crime_scene, suspects

This is a cross-join. It is the equivalent of a nested loop in programing and almost never what you want to do in a database unless you like watching high-combination data spewing out and CPUs burning. It gives you every combination of items in each table you name.

What you want is to find something in two or more of those tables that can be linked together somehow using (very likely!) "INNER JOINS". Look into examples or tutorials of those on the internet and use what you find to work through the tables on the "investigations". Luckily, the SQL Noir site tells you exactly the steps to take in the first case. You need to find a link somehow between the crime_scene and suspects tables and then another one between the matching suspects from the suspects table and the interviews table.

Note: there is no direct easy link between the crime_scene and suspects tables. You will have to use your investigation skills to trim the suspects list down.

[+] scns|1 year ago|reply
Great fun, thank you for building this! Was confused since submitting the confession didn't work, would make sense to ask for the name of the person no?