Расскажи о самых интересных проектах

Один из самых интересных проектов — это разработка интерактивной карты для логистической компании. Использовал React с Mapbox GL JS для отображения маршрутов в реальном времени, оптимизации путей и визуализации данных. Добавил анимации перемещения транспорта и кластеризацию точек.

Другой проект — PWA для офлайн-работы с данными. Использовал Workbox, IndexedDB и Service Workers, чтобы приложение работало без интернета с синхронизацией при восстановлении соединения. Особенно горжусь реализацией конфликт-менеджмента при синхронизации.

Пример кода для анимации маркеров в Mapbox:

function animateMarker(marker, coordinates, duration) {
  let start = null;
  const step = (timestamp) => {
    if (!start) start = timestamp;
    const progress = Math.min((timestamp - start) / duration, 1);
    const lng = marker.getLngLat().lng + (coordinates[0] - marker.getLngLat().lng) * progress;
    const lat = marker.getLngLat().lat + (coordinates[1] - marker.getLngLat().lat) * progress;
    marker.setLngLat([lng, lat]);
    if (progress < 1) requestAnimationFrame(step);
  };
  requestAnimationFrame(step);
}