ClickFinder: Аналитическая SPA-платформа и статистика пользователей
Современное, легкое и быстрое одностраничное приложение (SPA) для отображения и глубокого анализа статистики активности пользователей. Проект реализован полностью с нуля на чистом коде для демонстрации сложных манипуляций с асинхронными данными.
Реализованный технический функционал:
• Кастомный SPA Router: Собственная маршрутизация на клиентской стороне с использованием HTML5 History API для мгновенных переходов между страницами без перезагрузки браузера.
• Глубокая агрегация данных: Асинхронная загрузка массивов данных из независимых REST API эндпоинтов (Vercel server) и их объединение на стороне клиента с помощью методов массивов (.map, .reduce, .filter).
• Математическая пагинация: Алгоритм умной чанковой пагинации с динамическим рендерингом границ и поддержкой многоточия (...) для удобной навигации большими объемами данных.
• Динамический UI: Интерактивная таблица пользователей с анимированным линейным индикатором загрузки (как на YouTube/GitHub) для визуального контроля сетевых запросов.
Живой демо-сайт: https://i1yaremechko.github.io/click-finder-js/
Репозиторий с исходным кодом: https://github.com/i1yaremechko/click-finder-js
#javascript #spa #rest_api #frontend #scss #html #vanillajs #aggregation #pagination #верстка
Реализованный технический функционал:
• Кастомный SPA Router: Собственная маршрутизация на клиентской стороне с использованием HTML5 History API для мгновенных переходов между страницами без перезагрузки браузера.
• Глубокая агрегация данных: Асинхронная загрузка массивов данных из независимых REST API эндпоинтов (Vercel server) и их объединение на стороне клиента с помощью методов массивов (.map, .reduce, .filter).
• Математическая пагинация: Алгоритм умной чанковой пагинации с динамическим рендерингом границ и поддержкой многоточия (...) для удобной навигации большими объемами данных.
• Динамический UI: Интерактивная таблица пользователей с анимированным линейным индикатором загрузки (как на YouTube/GitHub) для визуального контроля сетевых запросов.
Живой демо-сайт: https://i1yaremechko.github.io/click-finder-js/
Репозиторий с исходным кодом: https://github.com/i1yaremechko/click-finder-js
#javascript #spa #rest_api #frontend #scss #html #vanillajs #aggregation #pagination #верстка