DoodleDen - GGPrompts Portfolio

Tech Stack

React 18 UI library

Tauri 2.0 Desktop runtime

Tailwind CSS Styling

Framer Motion Animations

Excalidraw Drawing engine

Vite Build tool

Rust Tauri backend

Architecture

DoodleDen/ src/ components/ DrawingBoard.tsx -- Full Excalidraw integration ActivityPicker.tsx -- Large touch-friendly buttons ThemeToggle.tsx -- Dark/light kid-safe toggle activities/ FreeDrawing.tsx -- Open canvas, colors, tools Journal.tsx -- Daily journal (planned) MathPlay.tsx -- Number games (planned) WordPlay.tsx -- Letter tracing (planned) src-tauri/ main.rs -- Tauri desktop shell Cargo.toml -- Rust dependencies

Activities

[ ]

Free Drawing

Full Excalidraw board with big color buttons and simple tools.

LIVE

{ }

Daily Journal

Draw and dictate daily entries. Parents can review.

PLANNED

#

Math Play

Counting, shapes, and number recognition with visual feedback.

PLANNED

A

Word Play

Letter tracing, phonics, and simple word building.

PLANNED

Design for Toddlers

01

Large Touch Targets

All interactive elements are minimum 48x48px. Buttons are extra large to accommodate small, imprecise fingers.

02

Immediate Feedback

Every tap, drag, and draw stroke produces instant visual and audio response. No loading states visible to children.

03

No Ads, No Tracking

Zero analytics, zero data collection, zero third-party scripts. Everything runs locally on the device.

04

Dark/Light Mode

Eye-friendly themes that parents can toggle. Dark mode for evening use, light mode for daytime.

Stats

316

KB Size

2-4

Age Range

4

Activities

0

Trackers

TypeScript 96% CSS 3% Rust 0.5%

Lessons Learned

Tauri for Desktop

Tauri 2.0 gives native desktop packaging with a fraction of Electron's bundle size. Rust backend is fast and lean.

Excalidraw Integration

Excalidraw's React component is remarkably extensible. Customizing the toolbar for kids required minimal API surface.

Designing for Toddlers

Large targets, immediate feedback, no frustrating states. Every UX decision filtered through "would a 3-year-old understand this?"

Parent-Driven Software

Building software motivated by parenting produces different priorities: safety over features, simplicity over flexibility.