Skip to content
projects
Web app2024readydraft

M4rketView

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

Role
Frontend engineer: data UI, table experience, responsive behavior, and API integration.
Stack
ReactTailwind CSSCoinGecko APIChart.jsVercel
Links
LiveSource
M4rketView monochrome cover

Context

Problem

Crypto dashboards tend to drown users in motion, color, and unstable hierarchy. M4rketView focuses on comparison and scan speed.

Approach

Solution

The interface prioritizes table density, search, watchlist states, and readable market metrics over decorative chart noise.

Features

  • Market table with search
  • Watchlist-style scanning
  • Responsive metric cards
  • Readable crypto asset hierarchy

Architecture notes

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

Challenges

  • TBD: replace with final challenge notes.

Outcome

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

What I learned

Lessons learned

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

Next steps

Next steps

  1. 01Add saved views
  2. 02Improve loading skeletons
  3. 03Document API fallback behavior
M4rketView case study | ZhenXiao Mark Yu