Проект 01 · ОНЛАЙН

Live Pulse

Операционная панель, следящая за пульсом мира: землетрясения, валюты, крипто, погода и активность GitHub на одном экране.

ГОД
2026
РОЛЬ
Дизайн и разработка
СТЕК
Next.js · TypeScript · GSAP
СТАТУС
Онлайн
livepulse
ЗЕМЛЕТРЯСЕНИЕ
M 4.2
USD/TRY
41.80
BTC
$68k
Кейс

Проблема, подход, доказательства.

1

Проблема

Показать разрозненные открытые источники данных (землетрясения, валюты, крипто, погода, GitHub) на одном экране в реальном времени без затрат на сервер.

2

Подход

Серверный прокси и кэш для каждого источника; периодическое обновление на клиенте, плавно меняющиеся числа и живые точки на карте, размер которых зависит от магнитуды. Если источник не отвечает, тихо показываются последние известные данные.

3

Доказательства

На десктопе Lighthouse 98 и LCP 1.0 с; сдвиг макета 0.001. На мобильном из-за карты 69; работаю над улучшением этой области.

Источники данных

Пять источников, пять ритмов.

USGS Earthquake
Лента землетрясений и карта
60 с
Open ExchangeRate-API
Курсы валют
5 мин
CoinGecko
Цены на крипто
60 с
Open-Meteo
Погода в городах
10 мин
GitHub Events
Пульс открытого кода
60 с
Архитектура

Оставаться онлайн, не упираясь в лимиты.

01
Браузер
компоненты карточек, периодическое обновление
02
API route
отдельный прокси для каждого источника
03
Кэш
на стороне сервера, недолговечный
04
Внешние API
без ключа, бесплатно

↑ Браузер вообще не обращается к внешнему API; проблема лимитов решается здесь.

Измерения

Доказательства в цифрах.

LIGHTHOUSE
98 · 69
десктоп 98, мобильный 69 (Lighthouse 12)
ПЕРВЫЙ КОНТЕНТ (LCP)
1.0 с
десктоп; на мобильном 5.9 с, улучшение запланировано
СДВИГ МАКЕТА
0.001
CLS · TBT 120 мс · ответ сервера 90 мс
СЛЕДУЮЩИЙ ПРОЕКТ

Давайте сделаем следующий проект вместе.

Пишите по поводу проекта, сотрудничества или технического разговора. В среднем отвечаю в течение 24 часов.