2023

Interaktywna Kronika Szkolna

Interaktywna oś czasu prezentująca historię i najważniejsze wydarzenia placówki edukacyjnej.

Rola
Frontend Developer
Czas trwania
mniej niż tydzień
Wielkość zespołu
1
Rok
2023
Interaktywna Kronika Szkolna, screenshot 1

Interaktywna Kronika Szkolna to lekka aplikacja webowa typu front-end - only, zaprojektowana w celu czytelnego i angażującego przedstawienia historii szkoły. Projekt opiera się na narracji wizualnej w postaci interaktywnej osi czasu wzbogaconej o archiwalne fotografie, opisy wydarzeń oraz płynne animacje.

Zgodnie z wymaganiami instytucji aplikacja została świadomie zaprojektowana bez użycia backendowego API oraz bazy danych. Cała zawartość zarządzana jest poprzez uporządkowane pliki konfiguracyjne JSON, co umożliwia łatwą aktualizację treści przy jednoczesnym zachowaniu prostoty, bezpieczeństwa i niskich kosztów utrzymania.

Projekt graficzny oraz układ wizualny zostały dostarczone przez placówkę. Moja odpowiedzialność obejmowała pełną realizację techniczną aplikacji, w tym architekturę, modelowanie danych, logikę interakcji oraz implementację animacji.

Interfejs kładzie nacisk na dostępność, responsywność oraz płynność animacji, zapewniając spójne doświadczenie użytkownika na komputerach i urządzeniach mobilnych, przy jednoczesnym zachowaniu archiwalnego charakteru prezentowanych materiałów.

Najważniejsze funkcje

  • Interaktywna oś czasu z płynnymi animacjami przewijania
  • Zawartość oparta na konfiguracji w plikach JSON
  • Galeria multimedialna z archiwalnymi fotografiami
  • Wyróżnione kamienie milowe i opisy wydarzeń
  • W pełni responsywny układ strony
  • Lekka architektura bez zależności backendowych

Wyzwania i rozwiązania

  • Zaprojektowanie elastycznej struktury danych bez użycia bazy danych
  • Zachowanie płynności animacji na słabszych urządzeniach
  • Czytelna prezentacja dużej ilości treści historycznych
  • Implementacja interakcji w ramach narzuconego projektu graficznego

Wyniki

  • Czytelna i angażująca prezentacja historii szkoły
  • Możliwość łatwej aktualizacji treści bez zaplecza serwerowego
  • Brak kosztów i konieczności utrzymania backendu
  • Stabilne wdrożenie produkcyjne dla instytucji publicznej