Проєкт: Lifeguard Kyiv Management System (LMS)

Роль: Fullstack Developer / Architect

Посилання: lifeguard.kyiv.ua

Опис проєкту:

Розробка комплексної системи управління для рятувальної служби Києва (Kyiv Lifeguard Service). Платформа автоматизує процеси подачі звітності, управління змінами, обліку персоналу та інвентарю, замінюючи застарілі паперові методи та чати. Система складається з публічного лендінгу та закритої адміністративної SPA-панелі (CRM).

Використаний стек:

• Frontend: React.js 18 (Hooks, Custom Hooks), Redux Toolkit (RTK Query), React Router v6.
• UI/UX: Tailwind CSS, Vuexy Admin Template (кастомізація компонентів), Material UI.
• Backend & Infrastructure: Supabase (PostgreSQL), Edge Functions.
• Auth & Security: Supabase Auth (JWT), Row Level Security (RLS) для розмежування доступу даних.
• Realtime: Supabase Realtime (миттєве оновлення статусів та заявок).
• Tools: Git, Docker (для локальної розробки), n8n (автоматизація процесів).

Ключові досягнення та реалізований функціонал:

Архітектура та Frontend:

• Розробив масштабовану SPA-архітектуру з використанням Functional Components. Реалізував суворе розділення бізнес-логіки та UI.
• Впровадив глобальний стейт-менеджмент через Redux Toolkit для синхронізації даних між модулями адмінки.
• Створив адаптивний інтерфейс (Mobile First), що дозволяє рятувальникам зручно заповнювати звіти зі смартфонів прямо на пляжах.

Backend та Робота з даними:

• Спроєктував реляційну схему бази даних у PostgreSQL.
• Налаштував Row Level Security (RLS) політики, забезпечивши суворий контроль доступу: адміністратори бачать все, лінійний персонал — тільки свої зміни.
• Реалізував систему завантаження та зберігання медіафайлів (фотозвіти з локацій) через Supabase Storage.

Бізнес-логіка:

• Розробив модуль управління змінами: планування графіку, облік відпрацьованих годин, автоматична генерація табелів.
• Реалізував систему цифрових звітів (Digital Reporting), що скоротило час обробки інформації керівництвом.
• Інтегрував Realtime-оновлення для диспетчерської панелі (оновлення ситуації на локаціях без перезавантаження сторінки).

DevOps та Оптимізація:

• Налаштував CI/CD пайплайни для автоматичного деплою.
• Оптимізував продуктивність додатку (Code splitting, Lazy loading), досягнувши високих показників у Lighthouse.

У мої обов'язки як QA Engineer входило проведення тестування функціоналу програмного забезпечення, виявлення помилок та їх документування, розробка та виконання тест-кейсів. Я активно співпрацював з розробниками для виправлення виявлених проблем, що дозволило підвищити якість продукту. Мої зусилля сприяли вчасному випуску продукту на ринок та зменшенню кількості помилок, виявлених під час експлуатації.