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

M4rketView

为快速浏览、自选观察和行情表格清晰度设计的加密货币筛选工具。

角色
Frontend engineer: data UI, table experience, responsive behavior, and API integration.
技术栈
ReactTypeScriptTanStack QueryWebSocketViteVercel
链接
在线源码
M4rketView monochrome cover

背景

问题

很多加密货币面板被颜色、动效和信息层级淹没。M4rketView 更关注比较效率。

方法

方案

界面优先处理表格密度、搜索、自选状态和可读指标,而不是堆叠装饰性图表。

功能

  • Live prices over WebSocket
  • DeFi analytics and portfolio tracking
  • Searchable market table
  • Readable, comparison-first hierarchy

架构笔记

  • The project keeps market fetching separate from display formatting.
  • Table rows are designed for repeat comparison rather than one-time browsing.

挑战

结果

A focused market interface that shows comfort with data-heavy products and financial UI constraints.

学到的东西

复盘

  1. 01Dense layouts need restraint, not extra animation.
  2. 02Financial interfaces should reveal state changes without shouting.

下一步

下一步

  1. 01Add saved views
  2. 02Improve loading skeletons
  3. 03Document API fallback behavior

相关案例

Web 应用

Nimbus

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

Web 应用

Bloomprint

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

上一篇BioLoomAn AI-assisted bio generator that turns scattered identity notes into concise, platform-ready personal copy.
返回档案
下一篇BloomprintTurns yard inspiration into a buildable plan — what to buy, how much, what tools, in what order, and what can go wrong.
返回档案
频道开放·随时打个招呼 · 2026
--:--:--EST
联系

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

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

开启对话

订阅

偶尔收到一封简讯

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

作品

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

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

资源

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

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

工作室

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

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

社交

在常去的平台上找到我。

  • Facebook敬请期待
  • Instagram敬请期待
  • YouTube敬请期待
  • 领英敬请期待
M4RKYUM4RKYUM4RKYUM4RKYUM4RKYUM4RKYUM4RKYUM4RKYU
始于 2024
ZhenXiao Mark YuZhenXiao Mark Yu
© 2026 ZhenXiao Mark Yu·加拿大 安大略
  • 邮件
  • GitHub
  • dev.to
  • 领英 (敬请期待)
  • 推特 / X (敬请期待)
  • Instagram (敬请期待)
由 Next.js 16 · React 19 · Tailwind 4 构建

由 Next.js 16 · React 19 · Tailwind 4 构建