Skip to content
M4
← projects

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

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

Related work

Web app

Nimbus

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

Web app

M4rkdown

Draft editor/tooling case study for writing workflows, markdown surfaces, and export-oriented UX.