Офіційний портал та система аналітики для Kyiv Lifeguard Service

Опис роботи:
Розробка комплексного веб-ресурсу для Муніципальної служби порятунку Києва (KLS). Проєкт поєднує в собі інформаційний портал для населення та інтерактивний дашборд зі звітності.

Задача: Створити сучасний, швидкий та адаптивний інструмент для висвітлення діяльності служби, публікації новин та, головне, — візуалізації статистики порятунку людей у реальному часі.

Технічні рішення:

Frontend & UI/UX: Використано сучасний підхід Glassmorphism (ефект матового скла) для створення легкого та "повітряного" інтерфейсу. Верстка виконана на #TailwindCSS із застосуванням #MobileFirst підходу. Реалізовано складні анімації інтерфейсу та навігації.

Data Visualization: Розроблено модуль аналітики на базі #ChartJS. Реалізовано динамічну побудову графіків (Bar, Doughnut) для відображення врятованих, відвідуваності пляжів та причин нещасних випадків. Додано логіку перемикання сезонів (Літо/Зима) та фільтрацію по роках.

Backend: Нативний #PHP з використанням #PDO для безпечної роботи з базою даних. Архітектура побудована на компонентній базі (partials) для чистоти коду та легкої підтримки.

Database: Проєктування та оптимізація структури #MySQL для зберігання історичних даних звітів.

Результат: Сайт виконує роль офіційного джерела інформації про безпеку на воді в Києві. Завдяки оптимізації коду та використанню CDN, сторінки завантажуються миттєво, а графіки рендеряться без затримок навіть на мобільних пристроях.

Стек технологій: #PHP #MySQL #TailwindCSS #JavaScript #ChartJS #HTML5 #CSS3 #PDO #ResponsiveDesign #DataVisualization #UIUX #Web-fullstack