M4RKYU.SYSEdition 2027
Skip to content
LOCEN/Ontario · CA/▸work · nimbusStandbyOK/--:--:--EST
M4M4RK_YUportfolio
  • BuildBuild
    BuildOverview
    • WorkSelected case studies and write-ups
    • GamesPlayable prototypes and game-dev logs
  • GalleryGallery
    GalleryOverview
    • PhotosPhoto collections and visual experiments
    • ShopPrints, posters, and one-off objects
  • WritingWriting
    WritingOverview
    • BlogLong-form devlogs and field notes
    • NotesShort observations, links, snippets
  • ResourcesResources
    ResourcesOverview
    • Tools38 in-browser developer utilities
    • LinksDaily-use dev and design bookmarks
  • AboutAbout
  • ContactContact
中文
← projects
Web app · 2024Ready

Nimbus

A passwordless cloud workspace for organizing, sharing, beaming, and asking questions about your files.

Quick facts

Role
Solo full-stack product engineer: product design, authentication, storage and sharing workflows, WebRTC transfer, AI integration, and deployment.
Timeline
2024-2026 · v2.2
Platforms
Responsive web · Desktop-first dashboard
LiveSource

On this page

  • >What it is
  • >What it looks like
  • >Built with
  • >Highlights
  • >Engineering
  • >Under the hood
  • >Outcome
  • >Roadmap & lessons
Nimbus landing page introducing its file workspace, AI assistant, and browser-to-browser transfer
Fig. 01 — Nimbus

Why I made this

I wanted a place to put my own files that felt calm instead of like a settings panel — and the authentication flow was the part of product work I most wanted to actually get good at, not just wire up.

01

What it is

#

Problem

Personal cloud storage is usually either a bare folder tree or a dense administration console. Both make routine actions such as finding, sharing, and understanding files feel heavier than they should.

Solution

Nimbus combines Appwrite-backed storage, magic-link OTP access, short-lived sharing, browser-to-browser WebRTC transfer, and an optional AI workspace in one calm dashboard. Core file management works without an AI key.

02

What it looks like

#
  • Product surfaceThe public product tour explains the storage, sharing, Beam, and optional AI layers before account creation.
03

Built with

#

Product

  • Next.js 16
  • React 19
  • TypeScript
  • Tailwind CSS

Platform

  • Appwrite Auth
  • Appwrite Database
  • Appwrite Storage

Transfer + AI

  • WebRTC
  • Groq
  • Claude Haiku 4.5
04

Highlights

#
  • Passwordless magic-link OTP authentication
  • Drag-and-drop upload, folders, live search, sorting, and file classification
  • Revocable sharing links and browser-to-browser Beam transfers
  • Optional workspace summaries and file Q&A
  • Storage usage analytics and responsive dashboard states
05

Engineering

#
  1. Process 01

    Transfer files without becoming the transfer server

    Context
    Large peer-to-peer transfers would consume storage and bandwidth while making Nimbus responsible for another copy of the file.
    Approach
    Use a four-digit pairing flow to establish a WebRTC connection and send bytes directly between browsers.
    Outcome
    Transfers avoid Nimbus storage, but pairing, NAT traversal, and reconnect states become visible product concerns.
  2. Process 02

    Keep AI optional instead of foundational

    Context
    File upload, organization, and sharing must remain dependable when no model key is configured or a provider is unavailable.
    Approach
    Capability-gate the AI workspace and keep the storage model independent from summaries and file Q&A.
    Outcome
    The core product degrades cleanly; AI feels additive, though it cannot simplify the underlying file workflows.
06

Under the hood

#

Architecture notes

  • Appwrite owns identity, metadata, and object storage; application helpers keep those service details out of the interface layer.
  • Beam uses WebRTC and a four-digit pairing code, so transferred bytes do not pass through Nimbus storage.
  • The AI workspace is capability-gated and disappears when no provider key is configured.
  • Security headers, structured data, dynamic social images, analytics, and performance monitoring are part of the deployment surface.

Challenges

  • Keeping upload, share, transfer, and AI states legible without turning the dashboard into an operations console.
  • Designing WebRTC pairing and failure recovery around short-lived sessions and browser networking constraints.
07

Outcome

#
“
A deployed v2.2 cloud workspace that goes beyond CRUD storage: passwordless access, revocable sharing, direct peer transfer, and optional AI assistance live behind one coherent product model.
08

Roadmap & lessons

#

Lessons learned

  1. 01Authentication copy matters as much as authentication mechanics.
  2. 02Storage products need visual hierarchy before they need decoration.

Next steps

  1. 01Add deeper file activity history
  2. 02Broaden Beam recovery states
  3. 03Publish the Appwrite data model

Related work

Web app

M4rketView

A free, no-key crypto dashboard with live prices, resilient public-data fallbacks, local portfolios, alerts, and comparison tools.

Web app

Bloomprint

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

Back to all work
NextBioLoomA no-signup AI writing tool that generates, scores, edits, and shares platform-specific bios across eight models.
Back to archive
M4RKYUM4RKYUM4RKYUM4RKYUM4RKYUM4RKYUM4RKYUM4RKYU
Crafted since 2024
ZhenXiao Mark YuZhenXiao Mark Yu
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
open channel

say hi anytime · 2026

--:--:--ESTOntario, Canada
  • Email
  • GitHub
  • dev.to
  • LinkedIn
  • Twitter / X
  • Instagram
  • Facebook
  • YouTube
  • CodePen
  • Spotify
  • Snapchat

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
  • Shop
RSSJSON feed

Studio

Background, contact, and channels for collaboration.

  • About
  • Contact
  • Changelog
  • Colophon
  • Resumepending

Socials

Find me on the usual feeds.

  • GitHub
  • dev.to
  • LinkedIn
  • Twitter / X
  • Instagram
  • Facebook
  • YouTube
  • CodePen
  • Spotify
  • Snapchat
  • Email
© 2026 ZhenXiao Mark Yumarkyu0615@gmail.com
  • Email
  • GitHub
  • dev.to
  • LinkedIn
  • Twitter / X
  • Instagram
  • Facebook
  • YouTube
  • CodePen
  • Spotify
  • Snapchat
PrivacyTermsBuilt with Next.js 16 · React 19 · Tailwind 4