Whiteboard Video Maker — full-stack project

Whiteboard Video Maker (`wbamai`) turns scripts into hand-drawn whiteboard animations. Konva powers the canvas; RoughJS gives the hand-drawn sketch feel that whiteboard videos are known for. Capacitor packages the experience for both iOS and Android — rare in the Ahsan portfolio.

The web side ships with a marketing surface, legal pages, sitemap, and feed — ready for SEO discovery. Konva + RoughJS together is uncommon and is the product's primary aesthetic differentiator.

The 2026-05-03 full code + SEO + AEO + content audit pass closed 14 blockers across 24 files in a single bundled commit (~870 insertions / ~290 deletions).

Tech stack

  • React 19
  • TypeScript 5.9
  • Vite 7
  • Radix UI
  • Tailwind CSS
  • Konva
  • react-konva
  • RoughJS
  • Zustand 5
  • Capacitor 8
  • Firebase Auth
  • Firestore

Key features

  • Whiteboard-style animation video builder
  • Hand-drawn aesthetic via RoughJS
  • Konva canvas with react-konva
  • Drag-drop scenes and scripted narration
  • Capacitor iOS AND Android
  • Marketing site with sitemap + feed
  • Free-tier Firebase backend

Category: full-stack · Status: in-progress · Started: 2025-12 · Through: Present · Client: AOneAhsan

Tags: whiteboard-animation · video-maker · konva · roughjs · capacitor · ios · android · content-creation


Contact

Website: https://zaions.com
Email: aoneahsan@gmail.com
GitHub: github.com/aoneahsan
LinkedIn: linkedin.com/in/aoneahsan
RSS Feed: https://zaions.com/feed.xml
Sitemap: https://zaions.com/sitemap.xml
LLM Index: https://zaions.com/llms.txt