Coins & Markets
Complete guide to cryptocurrency listings, coin detail pages, interactive price charts, market data display, and search/filter functionality.
Cryptocurrency Listings
The coins listing page (/coins) displays all tracked cryptocurrencies in a comprehensive, sortable table format. This is one of the most visited pages on the platform.
The coins listing page displays all tracked cryptocurrencies with comprehensive market data
Listing Page Features
Pagination
100 coins per page with smooth navigation. Supports URL-based page numbers for bookmarking.
Sortable Columns
Click any column header to sort ascending or descending. Sort persists across pagination.
Instant Search
Real-time filtering by coin name or symbol. No page reload required.
Watchlist Integration
Star icon on each row to add/remove coins from watchlist with one click.
Table Columns
| Column | Description | Sortable | Mobile |
|---|---|---|---|
| # | Market cap ranking position | Yes | Yes |
| Name | Coin name with logo and symbol | Yes | Yes |
| Price | Current price in selected fiat currency | Yes | Yes |
| 1h % | Price change in last hour | Yes | No |
| 24h % | Price change in last 24 hours | Yes | Yes |
| 7d % | Price change in last 7 days | Yes | No |
| Market Cap | Total market capitalization | Yes | No |
| Volume (24h) | Trading volume in last 24 hours | Yes | No |
| Circulating Supply | Coins currently in circulation | Yes | No |
| Last 7 Days | Sparkline mini chart | No | No |
On mobile devices, the table automatically hides less critical columns and uses horizontal scrolling for better usability.
Coin Detail Pages
Each cryptocurrency has a dedicated detail page (/coin/{slug}) providing comprehensive information about that specific coin.
Individual coin pages provide detailed market data, charts, and project information
Page Sections
Price Header
Displays current price, 24h change percentage, 24h high/low, all-time high (ATH) with date, and all-time low (ATL) with date.
Interactive Chart
Full-featured price chart with multiple timeframes and chart types. See Price Charts section for details.
Market Statistics
Market cap, fully diluted valuation, trading volume, circulating supply, total supply, max supply, and market dominance percentage.
Coin Information
Project description, categories/tags, official links (website, whitepaper, source code), block explorers, and social media links.
Markets/Exchanges
Table showing exchanges where the coin is traded, with trading pairs, volume, and price for each market.
User Actions on Coin Page
| Action | Description | Requirement |
|---|---|---|
| Add to Watchlist | Star icon to track this coin | Logged in |
| Set Price Alert | Create alert for price targets | Logged in |
| Add to Portfolio | Record holdings of this coin | Premium+ |
| Share | Share coin page on social media | None |
| Compare | Add to comparison tool | None |
Price Charts
CoinTrail features interactive price charts powered by a charting library that provides professional-grade visualization.
Interactive charts allow users to analyze price movements with multiple timeframes and chart types
Chart Timeframes
| Timeframe | Data Points | Interval |
|---|---|---|
| 24 Hours | 288 points | 5 minutes |
| 7 Days | 168 points | 1 hour |
| 30 Days | 720 points | 1 hour |
| 90 Days | 90 points | 1 day |
| 1 Year | 365 points | 1 day |
| All Time | Variable | 1 day |
Chart Types
- Line Chart - Simple price line, best for quick overview
- Area Chart - Filled area below price line, emphasizes trends
- Candlestick - OHLC data for technical analysis (Premium+)
Chart Features
- Zoom - Mouse wheel or pinch to zoom in/out
- Pan - Click and drag to move the view
- Crosshair - Hover to see exact price at any point
- Volume Overlay - Trading volume bars below price
- Export - Download chart as PNG image
Chart data is fetched from the CoinGecko API. Historical data availability depends on when the coin was listed on CoinGecko.
Market Data Display
Market data is displayed throughout the platform in a consistent format.
Data Formatting
| Data Type | Format | Example |
|---|---|---|
| Price (> $1) | 2 decimal places | $45,234.56 |
| Price (< $1) | Up to 8 decimals | $0.00001234 |
| Percentage | 2 decimals with sign | +5.67% / -3.21% |
| Large Numbers | Abbreviated | $1.23T, $456.7B, $89.1M |
| Supply | Abbreviated with symbol | 19.5M BTC |
Color Coding
- Green - Positive price changes and gains
- Red - Negative price changes and losses
- Gray - No change or neutral data
Search and Filters
Powerful search and filtering capabilities help users find specific cryptocurrencies quickly.
Advanced search and filter options help users quickly find specific cryptocurrencies
Search Features
- Global Search - Search bar in header, accessible from any page
- Table Search - Filter coins table in real-time
- Autocomplete - Suggestions appear as you type
- Keyboard Shortcuts - Press "/" to focus search
Filter Options
| Filter | Options | Description |
|---|---|---|
| Category | DeFi, NFT, Layer 1, etc. | Filter by coin category |
| Market Cap Range | Large, Mid, Small, Micro | Filter by market cap size |
| Price Range | Custom min/max | Filter by price range |
| 24h Change | Gainers, Losers, Stable | Filter by price movement |
| Volume | High, Medium, Low | Filter by trading activity |
Coin Categories
Cryptocurrencies are organized into categories to help users discover coins by use case or technology.
Browse cryptocurrencies by category to discover projects in specific sectors
Available Categories
DeFi
Decentralized finance protocols and tokens
NFT & Metaverse
Non-fungible token and virtual world projects
Layer 1
Base blockchain platforms (ETH, SOL, etc.)
Layer 2
Scaling solutions (Polygon, Arbitrum, etc.)
Stablecoins
Price-stable cryptocurrencies
Meme Coins
Community-driven meme tokens
Exchange Tokens
Native tokens of exchanges
Gaming
Play-to-earn and gaming tokens
AI & Big Data
Artificial intelligence focused projects
Administrators can create custom categories and assign coins to them via the Admin Panel.