M4RKYU.SYSEdition 2027
Skip to content
LOCZH/安大略 · 加拿大/▸work · nimbus待机OK/--:--:--EST
M4M4RK_YUportfolio
  • 创作创作
    创作Overview
    • 作品精选案例与项目记录
    • 游戏可玩原型与游戏开发日志
  • 影像影像
    影像Overview
    • 照片影像合集与视觉实验
    • 商店印刷品、海报和限量物件
  • 写作写作
    写作Overview
    • 博客长篇开发日志与现场笔记
    • 笔记短观察、链接与代码片段
  • 资源资源
    资源Overview
    • 工具38 款浏览器内开发工具
    • 链接每日使用的开发与设计书签
  • 关于关于
  • 联系联系
EN
← 项目档案
Web 应用 · 2024就绪

Nimbus

围绕文件组织、OTP 访问和存储分析构建的安全文件管理平台。

关键信息

角色
Solo full-stack product engineer: product design, authentication, storage and sharing workflows, WebRTC transfer, AI integration, and deployment.
周期
2024-2026 · v2.2
平台
Responsive web · Desktop-first dashboard
在线源码

本页导航

  • >这是什么
  • >界面一览
  • >技术栈
  • >亮点功能
  • >工程实现
  • >实现细节
  • >结果
  • >规划与心得
Nimbus landing page introducing its file workspace, AI assistant, and browser-to-browser transfer
Fig. 01 — Nimbus

为什么做这个

想给自己的文件找个看着舒服的地方,而不是又一个设置面板——而身份验证那一块,是我最想认真做好、而不只是接上能用的部分。

01

这是什么

#

问题

很多个人云工具要么过于简陋,要么过于封闭。Nimbus 把文件存储重新整理成一个清晰的操作界面。

方案

项目使用 Next.js、Appwrite 存储、OTP 身份验证和紧凑的数据可视化,让上传、访问与管理流程保持轻快。

02

界面一览

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

技术栈

#

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

亮点功能

#
  • 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

工程实现

#
  1. 过程 01

    Transfer files without becoming the transfer server

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

    Keep AI optional instead of foundational

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

实现细节

#

架构笔记

  • 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.

挑战

  • 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

结果

#
“
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

规划与心得

#

复盘

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

下一步

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

相关案例

Web 应用

M4rketView

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

Web 应用

Bloomprint

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

返回全部作品
下一篇BioLoomA no-signup AI writing tool that generates, scores, edits, and shares platform-specific bios across eight models.
返回档案
M4RKYUM4RKYUM4RKYUM4RKYUM4RKYUM4RKYUM4RKYUM4RKYU
始于 2024
ZhenXiao Mark YuZhenXiao Mark Yu
联系

看到什么有意思的?和我聊聊。

这是一个作品集,不是服务 · 但每一条留言我都会看 — 如果哪里让你有所触动,或者只想打个招呼,欢迎写信过来。

开启对话
频道开放

随时打个招呼 · 2026

--:--:--EST加拿大 安大略
  • 邮件
  • GitHub
  • dev.to
  • 领英
  • 推特 / X
  • Instagram
  • Facebook
  • YouTube
  • CodePen
  • Spotify
  • Snapchat

订阅

偶尔收到一封简讯

来自 m4rkyu.com 的笔记与日志——简短、标注日期、没有杂音。随时可退订。

作品

线上发布、游戏作品与视觉档案。

  • 项目
  • 游戏
  • 档案
  • 日志

资源

每日好用的工具与个人收藏的链接库。

  • 搜索
  • 最新
  • 工具
  • 链接
  • 笔记
  • 主题
  • 商店
RSSJSON Feed

工作室

背景、联系方式以及合作渠道。

  • 关于
  • 联系
  • 更新日志
  • 技术说明
  • 简历筹备中

社交

在常去的平台上找到我。

  • GitHub
  • dev.to
  • 领英
  • 推特 / X
  • Instagram
  • Facebook
  • YouTube
  • CodePen
  • Spotify
  • Snapchat
  • 邮件
© 2026 ZhenXiao Mark Yumarkyu0615@gmail.com
  • 邮件
  • GitHub
  • dev.to
  • 领英
  • 推特 / X
  • Instagram
  • Facebook
  • YouTube
  • CodePen
  • Spotify
  • Snapchat
隐私条款由 Next.js 16 · React 19 · Tailwind 4 构建