Skip to content
LOCEN/Ontario · CAStandbyOK/--:--:--EST
M4M4RK_YUportfolio
  • Projects
    ProjectsOverview
    • WorkSelected case studies and write-ups
    • GamesPlayable prototypes and game-dev logs
  • Gallery
    GalleryOverview
    • ArchivePhoto collections and visual experiments
    • ShopPrints, posters, and one-off objects
  • Logs
    LogsOverview
    • BlogLong-form devlogs and field notes
    • NotesShort observations, links, snippets
  • Resources
    ResourcesOverview
    • Tools38 in-browser developer utilities
    • LinksDaily-use dev and design bookmarks
  • About
  • Contact
中文
← projects
Web app · 2026Ready

Bloomprint

Turns yard inspiration into a buildable plan — what to buy, how much, what tools, in what order, and what can go wrong.

Role
Solo developer: planning engine, product UI, local-first storage, and optional cloud sync.
Stack
Next.jsReact 19TypeScriptSupabaseTensorFlow.jsKonvaTailwind CSSZod
Links
LiveSource
Bloomprint yard plan blueprint cover

Context

Problem

Landscaping a yard is overwhelming: an inspiration photo says nothing about materials, quantities, tools, sequencing, or the ways a project can go wrong — and most tools answer with a chatbot's confident guess.

Approach

Solution

A structured planning app, not a chatbot: a deterministic engine is the source of truth and works fully offline with no AI key and no photo — AI only rephrases the finished plan. Every plan is grounded in a region-aware catalog (Ontario-first), price bands instead of fake exact prices, material calculators that widen when you haven't measured, and per-phase how-to guides.

Features

  • Deterministic planning engine as the source of truth
  • Local-first storage with optional Supabase cross-device sync
  • Free/Open Data Mode — works with no paid API
  • Region-aware retailer links and honest price bands
  • Optional AI presentation (Claude) with silent fallback
  • On-device photo segmentation (TensorFlow.js)

Architecture notes

  • The deterministic engine owns the truth; AI and live data only enrich, never override.
  • Local-first by design — the plan never waits on the network; cloud sync sits behind the local layer.
  • Every live fact carries a source, a confidence tag, and a 'last checked' time.

Challenges

Outcome

A working local-first planning app live at bloomprint.online that chooses honest grounding — sourced facts, confidence tags, price ranges — over confident AI guesswork.

What I learned

Lessons learned

  1. 01Deterministic-first earns trust a chatbot-first tool can't.
  2. 02Honest hedging — ranges, 'verify before buying' — reads as more credible than false precision.
  3. 03Local-first changes every assumption about state, sync, and failure.

Next steps

Next steps

  1. 01Expand the catalog beyond Ontario
  2. 02Wire real live-data providers
  3. 03Add collaborative plans

Related work

Web app

Nimbus

A secure file management platform shaped around calm organization, OTP access, and storage analytics.

Web app

M4rketView

A cryptocurrency screener built for quick scanning, watchlist thinking, and market table clarity.

PreviousM4rketViewA cryptocurrency screener built for quick scanning, watchlist thinking, and market table clarity.
Back to archive
NextPurecreateA 3D apparel customizer that designs your shirt in real time and generates decals from a text prompt with DALL·E 3.
Back to archive
open channel·say hi anytime · 2026
--:--:--EST
get in touch

Saw something here?Tell me about it.

It's a portfolio, not a service · but I read every note — drop a line if anything here resonated, or just to say hi.

Start a conversation

Newsletter

Get the occasional dispatch

Notes and logs from m4rkyu.com — short, dated, no noise. Unsubscribe anytime.

Work

Production builds, games, and visual archives.

  • Projects
  • Games
  • Archive
  • Logs

Resources

Daily-use tools and a personal link library.

  • Search
  • Latest
  • Tools
  • Links
  • Notes
  • Topics
  • RSS
  • JSON feed
  • Shop

Studio

Background, contact, and channels for collaboration.

  • About
  • Contact
  • Changelog
  • Colophon
  • Resumepending

Socials

Find me on the usual feeds.

  • Facebooksoon
  • Instagramsoon
  • YouTubesoon
  • LinkedInsoon
M4RKYUM4RKYUM4RKYUM4RKYUM4RKYUM4RKYUM4RKYUM4RKYU
Crafted since 2024
ZhenXiao Mark YuZhenXiao Mark Yu
© 2026 ZhenXiao Mark Yu·Ontario, Canada
  • Email
  • GitHub
  • dev.to
  • LinkedIn (soon)
  • Twitter / X (soon)
  • Instagram (soon)
Built with Next.js 16 · React 19 · Tailwind 4

Built with Next.js 16 · React 19 · Tailwind 4