todoPost

Your corkboard is your kingdom. Every task builds your world. Transform your tasks into fantasy quests. Organize work on a corkboard or explore your progress on a fantasy map.

Comment

This entire app was vibe coded using Kiro!!!

Also a bit of GPT5 + Deepseek + Claude 4.5

🧭 Inspiration

Reddit already runs a giant, ongoing social experiment: daily progress posts, accountability threads, and build logs. We asked: what if a to-do list could play like a game, and your progress literally reshaped a world?

todoPost turns self-organization into a public-friendly, fantasy-framed experiment: your corkboard becomes a map; your effort becomes territory.

🏰 What it does

todoPost is a Reddit-native productivity RPG (Devvit Web, React) with two synchronized views:

  • Corkboard Mode — Stack post-it tasks into projects, each tagged to a realm:

    🏰 Castle (Planning), ⚒️ Forge (Building), 🔨 Woodshop (Creative), ⚗️ Apothecary (Research), 🏛️ Keep (Maintenance).

  • RPG Map Mode — The same data is visualized as a top-down high-fantasy map. Completing tasks upgrades their biomes (forge glows, castle expands, gardens bloom).

V1 focuses on a delightfully polished single-player loop that’s useful today.

Multiplayer “Guild Outposts” (shared boards & events) are next, extending the social experiment to communities.

🛠️ How we built it

  • Platform & UI: Devvit Web – React template, TypeScript, responsive layout, custom splash, animated feedback.

  • Spec-driven DX (Kiro):

    • /.kiro/specs/{project,task,categories}.spec.ts — single source of truth for both views.
    • /.kiro/hooks/commentToTask.ts — maps Reddit interactions → game state.

    • /.kiro/steering/worldSync.yaml — keeps Corkboard and Map in lockstep without hand-rolled state plumbing.

      → Cut boilerplate by ~70%; faster iteration and fewer bugs.

  • Map Art Pipeline:

    • GPT-5 (VLM): prompt-augmentation of task/project titles → flavorful labels, biome hints, and micro-lore.
    • Flux-Schnell: generates tileable textures & landmark sprites (inked parchment, coastlines, citadels) to achieve the high-fantasy cartography look.
    • Lightweight atlas composer assembles tiles deterministically from a user seed (stable maps across sessions).

  • Game Runtime: React canvas for map rendering; deterministic PRNG by user ID; local caching of generated art.

🧩 Challenges we ran into

  • Making two views (utility corkboard + fantasy map) feel one and the same source of truth.

  • Hitting the high-fantasy map aesthetic within size/perf constraints of Devvit iframes.

  • Encoding deterministic but lively map generation from simple task data.

  • Learning Kiro’s spec/steering model and structuring the repo to keep /.kiro fully open-source compliant.

🏆 Accomplishments that we’re proud of

  • A fully working, polished v1 that’s genuinely useful and whimsical.

  • The map pipeline: GPT-5-assisted prompts + Flux-Schnell tiles = instant “fantasy atlas” feel from ordinary tasks.

  • Kiro as a co-developer: specs → hooks → steering that eliminated repetitive wiring and sped up experiments.

  • Designed a system that’s Reddit-y by default (forkable, identity-driven, perfect for asynchronous play).

📚 What we learned

  • Even solo productivity feels social when progress is visual, delightful, and shareable on Reddit.

  • Spec-first development (Kiro) reduces cognitive load, leaving more time for UX polish and theme.

  • Small, deterministic touches (user-seeded maps) create surprising attachment and reduce friction.

  • “Gamified self-reflection” is a sticky on-ramp to later community play.

🚀 What’s next for todoPost

  • Guild Outposts (Multiplayer): shared corkboards per subreddit with linked realms.

  • Community Events: weekly “Focus Storms,” realm buffs, and gentle competitions/leaderboards.

  • Cosmetics & Lore: unlockable map themes, stickers, NPC narrators.

  • Payments & Developer Funds: optional premium themes; qualify for Reddit Developer Funds milestones.

Built With

Share this project:

Updates