ClickFinder: Аналітична SPA-платформа та статистика користувачів
Сучасний, легкий та швидкий Single Page Application (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 #верстка