АгрегаторВёрстка и бэкенд · 2023
Cryptotrends
Агрегатор криптовалют: цены и графики тысяч монет, биржи с рейтингом доверия, конвертер, избранное и портфель
Мы сделали вёрстку всех страниц и бэкенд на Laravel. Сервер забирал котировки из API CoinGecko и постоянно их обновлял, а сайт показывал топ монет, графики цен, биржи с рейтингом доверия и портфель пользователя.
Топ-10 по капитализацииобновлено только что
| # | Монета | Цена | 24 ч | 7 дней |
|---|---|---|---|---|
| 1 |  BitcoinBTC | 82 109 $ | ▲ 0,31% | |
| 2 |  EthereumETH | 2 432 $ | ▼ 0,41% | |
| 3 |  TetherUSDT | 0,9992 $ | ▼ 0,01% | |
| 4 |  BNBBNB | 730,77 $ | ▼ 0,07% | |
| 5 |  XRPXRP | 1,34 $ | ▲ 0,01% | |
| 6 |  USDCUSDC | 0,9996 $ | ▼ 0,01% | |
| 7 |  SolanaSOL | 105,64 $ | ▲ 0,83% | |
| 8 |  TRONTRX | 0,3315 $ | ▼ 0,66% | |
| 9 |  HyperliquidHYPE | 81,16 $ | ▲ 1,57% | |
| 10 |  DogecoinDOGE | 0,080986 $ | ▼ 2,14% |
- 15
- страниц: монеты, биржи, конвертер, история, портфель, профиль
- 5
- вкладок у страницы монеты и столько же у страницы биржи
- 28
- блоков SCSS, из которых собраны все страницы
- 2
- библиотеки графиков: ApexCharts для цены с навигатором, Chart.js для круговых диаграмм
Как это работало
Откуда страницы берут данные
Бэкенд на Laravel забирал из API CoinGecko котировки, графики и данные о монетах и биржах и постоянно их обновлял. Избранное, портфель, отзывы и уведомления хранились в собственной базе сайта. Нажмите на страницу, чтобы увидеть, какие данные она показывает.
API CoinGecko
Котировки, графики, монеты, бирживнешний источник, обновляется постоянно
Бэкенд на Laravel
Котировкицены, изменения за 1 ч, 24 ч и 7 дней, капитализация, объём
Графикиистория цены и капитализации по диапазонам
Монетыописание, ссылки, кошельки, предложение, новые листинги
Биржиобъёмы, резервы, Trust Score, торговые пары
Пользователиизбранное, портфель, отзывы, уведомления
Страницы
Пользователи, избранное, портфель и отзывы в CoinGecko не входят: это собственная база сайта.
Страница монеты
График, конвертер и всё о монете
Большой график с диапазонами, ниже изменения за периоды и описание, рядом конвертер. Ниже график биткоина на тех же данных из снимка: наведите курсор или проведите пальцем.
BitcoinBTC
82 109 $▲ 0,31%
Конвертер
1 BTC = 82 109 $
- Капитализация
- 1,65 трлн $
- Объём за 24 ч
- 41,2 млрд $
- В обращении
- 20 098 696 BTC
- Изменение за 7 дней
- ▼ 0,29%
Портфель
Портфель пересчитывается вместе с рынком
Пользователь добавлял сделки, а сайт считал стоимость портфеля, изменение за сутки и долю каждой монеты по текущим ценам. Впишите свои количества: стоимость будет меняться вместе с ценами в таблице наверху.
Стоимость портфеля—
За 24 часа—
- BitcoinBTC——
- EthereumETH——
- SolanaSOL——
- DogecoinDOGE——
Биржи
Биржи с рейтингом доверия
У каждой биржи Trust Score от 1 до 10: насколько можно верить её заявленному объёму. В вёрстке на странице биржи были вкладки рынков, резервов, статистики и разбивка оценки по метрикам. Ниже восемь бирж с наивысшим рейтингом из того же снимка.
- 1Kraken23 723 BTC за 24 ч10
- 2Coinbase Exchange25 797 BTC за 24 ч10
- 3Binance173 783 BTC за 24 ч10
- 4OKX34 450 BTC за 24 ч10
- 5MEXC19 649 BTC за 24 ч10
- 6Gate27 349 BTC за 24 ч10
- 7Bitstamp by Robinhood5 367 BTC за 24 ч9
- 8Bitget15 051 BTC за 24 ч9
Вёрстка
Пятнадцать страниц в одной системе
Светлый интерфейс, фиолетовые акценты и градиентные подборки, сортируемые таблицы, графики. Всё собрано на Gulp из 28 блоков SCSS и общих фрагментов шапки и подвала. Ниже вёрстка как она есть, с данными-заглушками.
Таблица монет с сортировкой и графиком за семь дней, вкладки «Новые», «Популярные», «Растут», «Падают», боковые подборки.
Цена и изменения, капитализация и предложение, график с диапазонами от 24 часов до максимума, описание и отзывы.
Пересчёт монеты в валюту и обратно по текущему курсу.
Таблица цен, капитализации и объёма по дням с выбором периода.
Биржи с Trust Score, резервами, объёмом и графиком за неделю, отдельно централизованные и децентрализованные.
Страница биржи: рынки, резервы, статистика и Trust Score во вкладках.
Оценка доверия к бирже и разбивка по метрикам.
Свежие листинги с описанием раздела для поисковиков.
Портфель: сделки, стоимость, изменение за сутки и доля каждой монеты.
Профиль и настройки уведомлений: комментарии, цены монет, баланс портфеля.
Что я вынес из проекта
Котировки на этой странице взяты из API CoinGecko на 15 октября 2026, их движение после загрузки смоделировано.
- Одна цена на всю страницу.Таблица, график, конвертер и портфель берут цену из одного места, иначе цифры на одном экране начинают расходиться.
- Портфель держится на доверии.Человек считает свои деньги по нашим цифрам, поэтому стоимость, изменение за сутки и доли пересчитываются вместе с рынком.
- Пятнадцать страниц из общих блоков.Таблицы, вкладки и подборки собраны из одних компонентов, поэтому новая страница — это сборка, а не новая вёрстка.
Давайте знакомиться
Хорошие проекты
начинаются
с разговора.
Нужен технический партнёр, помощь команде или решение для рабочего процесса? Расскажите, что хотите изменить — обсудим, чем я могу помочь.
@work_ilyaЛично мне в Telegram