Crypto Pulse
I present the concept of the main page for the analytical platform Crypto Pulse. The key task was to package a complex array of data into an aesthetic and intuitive interface that is equally suitable for both experienced traders and beginners.
The focus is on a block with "live" quotes and quick actions. I specifically highlighted the main market indicators — capitalization, BTC dominance, and trading volume — at the top of the screen so that the user can instantly assess the market state without scrolling through the page. Special attention is given to the UX hook: offering a demo account of $10,000, which lowers the entry threshold and motivates registration.
The visual language of the project is built on the aesthetics of a "technological night." A deep dark background combined with neon glow and soft gradients creates an atmosphere of futurism and reliability. The use of semi-transparent glass cards (Glassmorphism) against a grid background adds depth to the interface and helps clearly delineate different types of data. As a result, a modern, dynamic design was created that conveys speed and technology, helping the user focus on decision-making in a rapidly changing market.
Project technology stack
Frontend and architecture:
—React 19 + TypeScript
—Vite
—Tailwind CSS v4
—React Router
—Recharts
Data and "backend" in the browser:
—Binance WebSocket
—CoinGecko API
—localStorage
The focus is on a block with "live" quotes and quick actions. I specifically highlighted the main market indicators — capitalization, BTC dominance, and trading volume — at the top of the screen so that the user can instantly assess the market state without scrolling through the page. Special attention is given to the UX hook: offering a demo account of $10,000, which lowers the entry threshold and motivates registration.
The visual language of the project is built on the aesthetics of a "technological night." A deep dark background combined with neon glow and soft gradients creates an atmosphere of futurism and reliability. The use of semi-transparent glass cards (Glassmorphism) against a grid background adds depth to the interface and helps clearly delineate different types of data. As a result, a modern, dynamic design was created that conveys speed and technology, helping the user focus on decision-making in a rapidly changing market.
Project technology stack
Frontend and architecture:
—React 19 + TypeScript
—Vite
—Tailwind CSS v4
—React Router
—Recharts
Data and "backend" in the browser:
—Binance WebSocket
—CoinGecko API
—localStorage