wanessalabs games production

Learn to Draw

A structured drawing guide for kids. Pick a topic, follow step-by-step visual tutorials, draw on real paper, mark it done, earn a badge.

ReactViteTypeScriptTailwindCloudflare Pages

My daughter filled an entire notebook drawing on her own. Great enthusiasm, zero structure. There was nothing that let her pick a topic, follow step-by-step instructions calibrated to her level, log what she’d actually completed, and feel the satisfaction of finishing a set. That gap is the product.

The Problem

Kids who want to learn to draw on paper have more free content than ever. YouTube is full of step-by-step tutorials. The problem is that watching a video isn’t the same as finishing a drawing, and there’s no way for a kid to track what they’ve learned, build toward something, or feel the recognition that comes from completing a series.

What It Is

A web app for structured drawing practice. The parent or kid picks a topic and difficulty. The app surfaces a step-by-step visual guide. The kid draws on real paper alongside the guide, then marks the drawing as done when finished.

Completing drawings in a category earns badges. While there is no in-app digital canvas, children can use their device’s camera to snap a photo of their physical artwork, uploading it directly to their personal portfolio gallery in the family vault.

Features

Stack

ToolRole
React + Vite + JavaScriptWeb app
SupabaseDatabase schema and Storage bucket for artworks
Cloudflare PagesHosting
LocalStorage & SupabaseReal-time family profiles and progress sync

Part of the Gaming Cluster alongside Dishwasher Game and Linked Game. Ad-free and free to use: built for the family first. Family secrets are stored as hashes and drawing photos sit in a private bucket behind expiring links.

Development timeline

4 logged updates over 192 days, 8 Apr 2026 to 16 Oct 2026.

  1. Family secrets hashed, artworks bucket private, Pro upsell removedfeature

    with only the anon key, anyone could read every family's passcode and admin PIN in plain text, and each artwork sat at a permanent public URL. The app also copied the full family row, PIN included, into localStorage.

  2. A prebuild gate, so a credential-less build cannot ship green againfeature

    The 2026-08-06 entry above fixed a blank page caused by a Direct-Upload build with no VITE_SUPABASE_URL inlined. Nothing was added to stop it recurring, and it recurred: a vault-wide audit on 2026-09-26 found production serving…

  3. Agentic & Production Audit Remediation (Score: 98/100)docs

    Remediation & Enhancements: - Fixed SPA empty shell trap by pre-rendering semantic HTML fallback (<main>, <h1>, <section>, <footer>) inside #root for instant agent & search engine ingestion prior to React mounting. - Added <link…

  4. Originfeature

    Pressure-tested and passed on two grounds: it is built for a specific first user, the owner's daughter, and the MVP scope was clear from the start. The hard problem identified up front was producing step-by-step art efficiently, either…

Written from this project's decision log as work happened, not afterwards. 1 entry was withheld from publication. See every project →