DEV Community

Cover image for I built a zero-friction SQLite Playground for my students
Fabiano Salles
Fabiano Salles

Posted on

I built a zero-friction SQLite Playground for my students

Hi everyone!

I'm a teacher, and in my SQL classes, I've always felt that many online tools are either too "heavy," full of distractions, or have some cost/signup friction that gets in the way of a beginner's first steps.

Students just want to write their first CREATE TABLE and see the results instantly. They don't want to manage servers or deal with bloated interfaces.

That's why I decided to build a simple, lightweight SQLite Playground.

The Motivation: Focus on Learning

My main goal was to provide a didactic and 100% free tool for students. I wanted an environment where:

  • No Setup is Required: You just open the link and start typing.
  • Privacy is Guaranteed: The database runs entirely in the browser via WASM. No data ever leaves the user's computer.
  • Visual Feedback: It has a built-in Database Explorer so learners can actually see the schema they are building in real-time.

The Tech Stack

Being a dev-to-dev community, here is what’s under the hood:

  • Vue 3 + Vite + TypeScript
  • SQLite WASM: To run the database engine client-side.
  • Monaco Editor: For that professional IDE feel.
  • Local Storage: To remember your SQL and preferences (like if you prefer the explorer hidden or visible).

I need your feedback!
I’m providing this as a free educational tool, and I’d honestly love to hear from this community.

  • Any missing functionality in this beta?
  • How is the performance on your end?
  • Any UI/UX tweaks that would make it easier for an absolute beginner? You can try it here: fasttools.dev/sql-playground

I'm building this as part of a larger project called FastTools, which focuses on fast, private, browser-native utilities.

Any feedback, critique, or suggestion is more than welcome!

Top comments (0)