ClickFinder: Analityczna platforma SPA i statystyki użytkowników

Nowoczesna, lekka i szybka aplikacja typu Single Page Application (SPA) do wyświetlania i głębokiej analizy statystyk aktywności użytkowników. Projekt zrealizowany całkowicie od zera na czystym kodzie w celu demonstrowania skomplikowanych manipulacji z danymi asynchronicznymi.

Zrealizowana funkcjonalność techniczna:
• Niestandardowy SPA Router: Własna routingu po stronie klienta z wykorzystaniem HTML5 History API do natychmiastowych przejść między stronami bez przeładowania przeglądarki.
• Głęboka agregacja danych: Asynchroniczne ładowanie tablic danych z niezależnych punktów końcowych REST API (serwer Vercel) oraz ich łączenie po stronie klienta za pomocą metod tablic (.map, .reduce, .filter).
• Matematyczna paginacja: Algorytm inteligentnej paginacji chunkowej z dynamicznym renderowaniem granic oraz wsparciem dla wielokropka (...) dla wygodnej nawigacji po dużych zbiorach danych.
• Dynamiczny UI: Interaktywna tabela użytkowników z animowanym liniowym wskaźnikiem ładowania (jak na YouTube/GitHub) do wizualnej kontroli zapytań sieciowych.

Żywa strona demo: https://i1yaremechko.github.io/click-finder-js/
Repozytorium z kodem źródłowym: https://github.com/i1yaremechko/click-finder-js

#javascript #spa #rest_api #frontend #scss #html #vanillajs #aggregation #pagination #layout