Oficjalny portal i system analityczny dla Służby Ratunkowej w Kijowie
Opis pracy:
Opracowanie kompleksowego zasobu internetowego dla Miejskiej Służby Ratunkowej Kijowa (KLS). Projekt łączy w sobie portal informacyjny dla mieszkańców oraz interaktywny pulpit nawigacyjny z raportami.
Zadanie: Stworzyć nowoczesne, szybkie i responsywne narzędzie do prezentacji działalności służby, publikacji wiadomości oraz, co najważniejsze, - wizualizacji statystyk ratowania ludzi w czasie rzeczywistym.
Rozwiązania techniczne:
Frontend & UI/UX: Zastosowano nowoczesne podejście Glassmorphism (efekt matowego szkła) do stworzenia lekkiego i "powietrznego" interfejsu. Układ wykonany na #TailwindCSS z zastosowaniem podejścia #MobileFirst. Zrealizowano złożone animacje interfejsu i nawigacji.
Wizualizacja danych: Opracowano moduł analityczny oparty na #ChartJS. Zrealizowano dynamiczne budowanie wykresów (Bar, Doughnut) do wyświetlania uratowanych, frekwencji na plażach oraz przyczyn wypadków. Dodano logikę przełączania sezonów (Lato/Zima) oraz filtrowanie według lat.
Backend: Natywny #PHP z użyciem #PDO do bezpiecznej pracy z bazą danych. Architektura zbudowana na bazie komponentów (partials) dla czystości kodu i łatwej konserwacji.
Baza danych: Projektowanie i optymalizacja struktury #MySQL do przechowywania historycznych danych raportów.
Wynik: Strona pełni rolę oficjalnego źródła informacji o bezpieczeństwie na wodzie w Kijowie. Dzięki optymalizacji kodu i wykorzystaniu CDN, strony ładują się natychmiastowo, a wykresy renderują się bez opóźnień nawet na urządzeniach mobilnych.
Stos technologii: #PHP #MySQL #TailwindCSS #JavaScript #ChartJS #HTML5 #CSS3 #PDO #ResponsiveDesign #DataVisualization #UIUX #Web-fullstack
Opracowanie kompleksowego zasobu internetowego dla Miejskiej Służby Ratunkowej Kijowa (KLS). Projekt łączy w sobie portal informacyjny dla mieszkańców oraz interaktywny pulpit nawigacyjny z raportami.
Zadanie: Stworzyć nowoczesne, szybkie i responsywne narzędzie do prezentacji działalności służby, publikacji wiadomości oraz, co najważniejsze, - wizualizacji statystyk ratowania ludzi w czasie rzeczywistym.
Rozwiązania techniczne:
Frontend & UI/UX: Zastosowano nowoczesne podejście Glassmorphism (efekt matowego szkła) do stworzenia lekkiego i "powietrznego" interfejsu. Układ wykonany na #TailwindCSS z zastosowaniem podejścia #MobileFirst. Zrealizowano złożone animacje interfejsu i nawigacji.
Wizualizacja danych: Opracowano moduł analityczny oparty na #ChartJS. Zrealizowano dynamiczne budowanie wykresów (Bar, Doughnut) do wyświetlania uratowanych, frekwencji na plażach oraz przyczyn wypadków. Dodano logikę przełączania sezonów (Lato/Zima) oraz filtrowanie według lat.
Backend: Natywny #PHP z użyciem #PDO do bezpiecznej pracy z bazą danych. Architektura zbudowana na bazie komponentów (partials) dla czystości kodu i łatwej konserwacji.
Baza danych: Projektowanie i optymalizacja struktury #MySQL do przechowywania historycznych danych raportów.
Wynik: Strona pełni rolę oficjalnego źródła informacji o bezpieczeństwie na wodzie w Kijowie. Dzięki optymalizacji kodu i wykorzystaniu CDN, strony ładują się natychmiastowo, a wykresy renderują się bez opóźnień nawet na urządzeniach mobilnych.
Stos technologii: #PHP #MySQL #TailwindCSS #JavaScript #ChartJS #HTML5 #CSS3 #PDO #ResponsiveDesign #DataVisualization #UIUX #Web-fullstack