---
title: "Realizacje — Flow Systems"
description: "Szesnaście wdrożeń z dziesięciu lat pracy: panele WordPress/WooCommerce, integracje API i platformy mapowe dla nieruchomości — ze zrzutami ekranu i wideo z każdego projektu."
url: "https://flowsystems.pl/realizacje/"
---

Realizacje

# Szesnaście wdrożeń z dziesięciu lat pracy

Głównie backend i orkiestracja systemów: API, zadania w tle, narzędzia CLI i przepływy zdarzeń łączące CRM-y, bazy danych i systemy wewnętrzne.

Wybrane wdrożenie

## Panel subskrypcji z integracją QPilot API i synchronizacją w czasie rzeczywistym

Moja rola

Backend developer — architektura WordPress REST API oraz integracja QPilot i Stripe we współpracy z zespołem frontendowym.

Plugin DevelopmentWordPressAPI DevelopmentAPI IntegrationStripe SDK

—Dedykowana wtyczka WordPress integrująca QPilot API w kompletny system zarządzania zamówieniami subskrypcyjnymi.

—Backend z własnymi punktami końcowymi WordPress REST API obsługującymi frontend w Vue.js i Tailwind CSS.

—Współpraca z developerem frontendu przy płynnej integracji API.

—Integracja bramki płatniczej Stripe pozwalająca klientom bezpiecznie podpiąć i zarządzać kartami.

—System server-sent events oparty na webhookach QPilot, aktualizujący panel w czasie rzeczywistym bez przeładowania strony — zmiany działu obsługi widać natychmiast.

01

## Panel pacjentów w WooCommerce dla lekarzy

Moja rola

Full-stack developer (PHP, Vue.js, WooCommerce, REST API)

PHPVue.jsWordPressWooCommerceREST API

Zbudowałem własną wtyczkę WooCommerce dodającą „Panel pacjentów" dla lekarzy, aby mogli zarządzać pacjentami kupującymi produkty z polecenia.

—Panel administracyjny w Vue.js — płynne działanie jak w aplikacji

—Własne endpointy REST API z filtrowaniem i stronicowaniem danych

—Sortowalne i przeszukiwalne tabele pacjentów i zamówień

—Szczegółowy widok zamówienia z subskrypcjami i zakupami jednorazowymi

—Regulowana cena bazowa dla każdego pacjenta lub cena domyślna dla nowych

02

## Automatyzacja wdrożeń WordPress przez GitHub Actions na Oracle Cloud

Moja rola

Inżynier automatyzacji / DevOps dla projektów WordPress

GitHubCI/CDBashOracle CloudAutomated Workflow

Stworzyłem workflow GitHub Actions automatyzujący wdrożenia WordPress w wielu środowiskach, później dostosowany pod infrastrukturę Oracle Cloud. W pełni zautomatyzowane, spójne wydania we wszystkich środowiskach.

—Przepływ wdrożeń oparty na branchach: env/development, env/staging, env/production

—Przed Oracle: bezpośrednie wdrożenia przez rsync na serwery zdalne

—Po migracji: kod wypychany do Oracle Object Storage przez OCI CLI

—Własny skrypt Bash na każdej instancji synchronizujący kod z bucketów do katalogów WP

03

## Integracja Stripe POS dla sprzedaży na wydarzeniach

Moja rola

Deweloper wtyczek WordPress

PHPWooCommerceStripe APIStripe SDKPayment Gateway

Rozszerzyłem własną wtyczkę WooCommerce o płatności Stripe Terminal dla sprzedaży stacjonarnej na wydarzeniach. Klienci mogli płacić kartą lub smartwatchem, a metoda płatności była bezpiecznie zapisywana na koncie WooCommerce do przyszłych transakcji.

—Płatności Stripe Terminal na wydarzeniach — karty zapisywane jako tokeny WooCommerce

—Automatyczna zmiana roli klienta po wydarzeniu przez CRON — płynna aktualizacja konta

04

## Integracja WooCommerce z RedStag Fulfillment

Moja rola

Deweloper WordPress — integracja WooCommerce z RedStag Fulfillment

Plugin DevelopmentWooCommerceREST APIPurchase OrdersPHP

Stworzyłem własną wtyczkę WordPress obsługującą webhooki RedStag Fulfillment, rozszerzając standardowy cykl życia zamówienia WooCommerce.

—Własna wtyczka obsługująca webhooki RedStag — synchronizacja danych realizacji i dostawy

—Rozszerzony przepływ zamówień WooCommerce dla specjalnych zamówień zakupu składanych przez obsługę klienta i opłacanych po dostawie przez partnerów

—Automatyczne maile z fakturami PDF do zespołu księgowości

—Możliwość finalizowania zamówień bezpośrednio w WooCommerce przez księgowość

05

## Wykrywanie częściowych wysyłek i powiadomienia klientów w WooCommerce

Moja rola

Senior developer WordPress / WooCommerce

WordPressWooCommerceRESTful APIEmail Template DevelopmentPHP

Wdrożyłem własny mechanizm wykrywania i obsługi częściowych wysyłek w WooCommerce, poprawiając komunikację z klientem i zmniejszając liczbę zgłoszeń do supportu.

—Integracja z RedStag i DropStream — automatyczne wykrywanie częściowych wysyłek

—Logika wysyłająca dedykowane maile do klienta, gdy zamówienie zrealizowano tylko częściowo

—Maile zawierają listę wysłanych produktów, oczekujących pozycji i linki do śledzenia

—Logowanie zdarzeń do audytu częściowych wysyłek

—Mniej niejasności u klientów i mniejsze obciążenie supportu w sprawach statusu wysyłki

06

## Panel dopasowywania pacjentów bez przypisanego praktyka

Moja rola

Full-stack developer (frontend: Vue.js + Tailwind, backend: WordPress REST API + WooCommerce)

WordPressWooCommerceREST APITailwind CSSVue.js

—Widok i zarządzanie pacjentami bez przypisanego praktyka (HCP)

—Filtrowanie i wyszukiwanie wśród tysięcy rekordów (16 tys.+ na produkcji)

—Wykrywanie wskazówek o praktyku w notatkach i komentarzach pacjenta

—Dopasowywanie pacjentów do istniejących praktyków, z opcją aktualizacji wszystkich wcześniejszych zamówień

—Nowoczesny interfejs Vue.js na Vite, w pełni zintegrowany z panelem WordPress

—Własne endpointy REST API — szybka i bezpieczna obsługa danych

—Stronicowanie, filtrowanie i dynamiczne wyszukiwanie w dużych zbiorach danych

—Interfejs w Tailwind CSS, zoptymalizowany pod czytelność i responsywność

07

## Wieloczęściowa weryfikacja OTP przy resecie hasła w WooCommerce

Moja rola

Full-stack developer — integracja WordPress/WooCommerce i Vue.js z autoryzacją Twilio API

WooCommerceVue.jsTwilio APIREST APIMulti-Factor Authentication

—Własny system autoryzacji OTP łączący Twilio API z WordPress/WooCommerce — bezpieczniejszy reset hasła

—Frontend w Vue.js + Tailwind CSS — płynne doświadczenie w kilku kanałach weryfikacji

—Własne endpointy REST API łączące się z Twilio SDK — kody jednorazowe przez SMS i e-mail

—Elastyczna autoryzacja — kod OTP na e-mail główny, zapasowy lub numer telefonu

—Dedykowana sekcja „Moje konto" w WooCommerce do konfiguracji metody weryfikacji i danych kontaktowych

08

## Synchronizacja danych platformy mapowej między PHP a MongoDB

Moja rola

Backend developer i integracje — przepływ danych i automatyzacja

ExpressJSMongoDBPHPRESTful APITypeScript

Połączyłem platformę mapową z zewnętrznymi źródłami danych przez własne endpointy PHP i middleware w Node.js. Zaprojektowałem modele danych i logikę synchronizacji między backendem PHP a MongoDB, zapewniając spójne aktualizacje inwestycji, firm i dzielnic w czasie rzeczywistym. Umożliwiłem skalowalny przepływ danych między wieloma środowiskami.

09

## Leniwe ładowanie pinezek na mapie i funkcja „W pobliżu"

Moja rola

Frontend i backend developer — wydajność i interaktywność

Vue.jsGoogle Maps APIGeolocationTypeScriptPerformance Optimization

Wdrożyłem leniwe ładowanie pinezek na mapie w zależności od widocznego obszaru, by sprawnie wyświetlać tysiące inwestycji. Dodałem funkcję „W pobliżu" wykorzystującą geolokalizację przeglądarki, śledzącą ruch użytkownika i dynamicznie aktualizującą widoczne wyniki. To połączenie zapewniło optymalne czasy ładowania i płynne działanie.

10

## Zaawansowane wyszukiwanie na mapie z narzędziami do rysowania

Moja rola

Frontend developer — interakcje na mapie i projektowanie UX

Vue.jsNuxt.jsGoogle MapsTypeScriptUX & UI

Zbudowałem zaawansowany interfejs Google Maps z narzędziami do rysowania kół i wielokątów. Każdy kształt dynamicznie filtrował wyświetlane na mapie inwestycje. Użytkownicy mogli tworzyć i zmieniać rozmiar wielu kształtów, z wyliczaniem w czasie rzeczywistym odległości i zawartych wyników. Zaprojektowane pod wydajność i responsywność na desktopie i mobile.

11

## Platforma mapowa dla nieruchomości — pełna budowa od zera

Moja rola

Full-stack developer — architektura, backend i wdrożenie

Nuxt.jsExpressJSMongoDBPHPGitLab

Zaprojektowałem i zbudowałem od zera kompletną platformę mapową dla nieruchomości w Nuxt.js (SSR), Node.js, Express i MongoDB, z danymi pobieranymi zarówno z endpointów Express.js, jak i własnych endpointów PHP. Wdrożyłem pipeline'y CI/CD w GitLab do automatycznych wdrożeń na staging i produkcję. Platforma obsługiwała ponad 4000 inwestycji i zapewniała płynną interakcję między mapą, listingami i wyszukiwarką.

12

## Błyskawiczna wyszukiwarka nieruchomości dla WPResidence

Moja rola

Lead developer WordPress — wyszukiwarka i optymalizacja wydajności

PHPWordPressPerformance OptimizationCustom PHPProblem Solving

Zbudowałem błyskawiczną funkcję „Insta Search" dla serwisu nieruchomości opartego na WPResidence.

—Własny endpoint PHP poza WordPressem, pomijający narzut AJAX/REST

—Cache oparty na plikach dla natychmiastowych wyników wyszukiwania

—Niemal natychmiastowy czas odpowiedzi i mniejsze obciążenie serwera

—Pełna integracja z danymi i logiką istniejącego motywu — spójne UX

13

## Interaktywne mapowanie dzielnic z integracją Google API

Moja rola

Senior developer WordPress — własna logika mapowania i geolokalizacji

PHPWordPressGoogle APIsGeolocationJavaScript

Zbudowałem interaktywną funkcję „Dzielnice" dla serwisu nieruchomości opartego na WPResidence.

—Własna taksonomia z narzędziami do rysowania Google Maps w panelu admina

—Administratorzy rysują kształty wyznaczające granice dzielnic

—Wyliczanie nieruchomości w obrębie granic, pobliskich dzielnic, szkół i parków

—Google API do odległości pieszych, z cache'owaniem wyników dla obniżenia kosztów

—Wydajne sprawdzanie geolokalizacji w PHP dla setek współrzędnych

14

## Pełna przebudowa serwisu WPResidence i własne układy stron

Moja rola

Senior developer WordPress — przebudowa motywu i własne elementy WP Bakery

PHPWordPressFront-End DevelopmentPerformance OptimizationJavaScript

Przebudowałem serwis nieruchomości na WPResidence w kompletnym redesignie wizualnym.

—Nowy header, footer, menu, sekcje prawne i układy listingów

—Własne elementy WP Bakery do elastycznego składania stron

—Sekcje hero ze zdjęciami lub wideo, karuzele, marquee i siatki nieruchomości

—Wszystkie elementy zoptymalizowane pod mobile, media ładowane leniwie

—Układy inspirowane Apple.com — pełna szerokość i siatki obok siebie

—Wydajna, skalowalna i nowoczesna wizualnie strona

15

## Integracja Bitly API dla krótkich linków do nieruchomości

Moja rola

Deweloper WordPress — integracja API i usprawnienia panelu admina

PHPWordPressAPI IntegrationREST APIJavaScript

Zintegrowałem Bitly API do generowania krótkich linków dla listingów nieruchomości w serwisie opartym na WPResidence.

—Opcja „Utwórz krótki link" na stronie edycji nieruchomości, z obsługą własnego sluga

—Wygenerowany krótki URL widoczny na froncie listingu, z funkcją kopiowania do schowka

—Łatwiejsze udostępnianie nieruchomości i śledzenie marketingowe

—Płynna integracja API i obsługa błędów w panelu WordPress

## Dane strukturalne

```json
{"@context":"https://schema.org","@type":["Organization","ProfessionalService"],"name":"Flow Systems","url":"https://flowsystems.pl","description":"Strony, SEO i automatyzacje dla małych firm na Śląsku i zdalnie w całej Polsce. Naprawiam to, co blokuje, i buduję to, co działa dalej samo.","email":"mateusz@flowsystems.pl","areaServed":["Knurów","Gliwice","Sośnicowice","Żernica","Bojków","Gierałtowice","Smolnica","Polska"],"sameAs":["https://wpwebhooks.org","https://www.linkedin.com/in/mateuszskorupa/"],"founder":{"@type":"Person","name":"Mateusz Skorupa","url":"https://www.linkedin.com/in/mateuszskorupa/","email":"mateusz@flowsystems.pl"}}

{"@context":"https://schema.org","@type":"ItemList","name":"Realizacje — Flow Systems","itemListElement":[{"@type":"CreativeWork","position":1,"name":"Panel subskrypcji z integracją QPilot API i synchronizacją w czasie rzeczywistym","description":"Dedykowana wtyczka WordPress integrująca QPilot API w kompletny system zarządzania zamówieniami subskrypcyjnymi.","creator":{"@type":"Person","name":"Mateusz Skorupa"},"keywords":"Plugin Development, WordPress, API Development, API Integration, Stripe SDK"},{"@type":"CreativeWork","position":2,"name":"Panel pacjentów w WooCommerce dla lekarzy","description":"Zbudowałem własną wtyczkę WooCommerce dodającą „Panel pacjentów\" dla lekarzy, aby mogli zarządzać pacjentami kupującymi produkty z polecenia.","dateCreated":"2025-10-29","creator":{"@type":"Person","name":"Mateusz Skorupa"},"keywords":"PHP, Vue.js, WordPress, WooCommerce, REST API"},{"@type":"CreativeWork","position":3,"name":"Automatyzacja wdrożeń WordPress przez GitHub Actions na Oracle Cloud","description":"Stworzyłem workflow GitHub Actions automatyzujący wdrożenia WordPress w wielu środowiskach, później dostosowany pod infrastrukturę Oracle Cloud. W pełni zautomatyzowane, spójne wydania we wszystkich środowiskach.","dateCreated":"2025-10-29","creator":{"@type":"Person","name":"Mateusz Skorupa"},"keywords":"GitHub, CI/CD, Bash, Oracle Cloud, Automated Workflow"},{"@type":"CreativeWork","position":4,"name":"Integracja Stripe POS dla sprzedaży na wydarzeniach","description":"Rozszerzyłem własną wtyczkę WooCommerce o płatności Stripe Terminal dla sprzedaży stacjonarnej na wydarzeniach. Klienci mogli płacić kartą lub smartwatchem, a metoda płatności była bezpiecznie zapisywana na koncie WooCommerce do przyszłych transakcji.","dateCreated":"2025-11-06","creator":{"@type":"Person","name":"Mateusz Skorupa"},"keywords":"PHP, WooCommerce, Stripe API, Stripe SDK, Payment Gateway"},{"@type":"CreativeWork","position":5,"name":"Integracja WooCommerce z RedStag Fulfillment","description":"Stworzyłem własną wtyczkę WordPress obsługującą webhooki RedStag Fulfillment, rozszerzając standardowy cykl życia zamówienia WooCommerce.","dateCreated":"2025-11-06","creator":{"@type":"Person","name":"Mateusz Skorupa"},"keywords":"Plugin Development, WooCommerce, REST API, Purchase Orders, PHP"},{"@type":"CreativeWork","position":6,"name":"Wykrywanie częściowych wysyłek i powiadomienia klientów w WooCommerce","description":"Wdrożyłem własny mechanizm wykrywania i obsługi częściowych wysyłek w WooCommerce, poprawiając komunikację z klientem i zmniejszając liczbę zgłoszeń do supportu.","dateCreated":"2025-11-06","creator":{"@type":"Person","name":"Mateusz Skorupa"},"keywords":"WordPress, WooCommerce, RESTful API, Email Template Development, PHP"},{"@type":"CreativeWork","position":7,"name":"Panel dopasowywania pacjentów bez przypisanego praktyka","description":"Widok i zarządzanie pacjentami bez przypisanego praktyka (HCP)","dateCreated":"2025-11-08","creator":{"@type":"Person","name":"Mateusz Skorupa"},"keywords":"WordPress, WooCommerce, REST API, Tailwind CSS, Vue.js"},{"@type":"CreativeWork","position":8,"name":"Wieloczęściowa weryfikacja OTP przy resecie hasła w WooCommerce","description":"Własny system autoryzacji OTP łączący Twilio API z WordPress/WooCommerce — bezpieczniejszy reset hasła","dateCreated":"2025-11-08","creator":{"@type":"Person","name":"Mateusz Skorupa"},"keywords":"WooCommerce, Vue.js, Twilio API, REST API, Multi-Factor Authentication"},{"@type":"CreativeWork","position":9,"name":"Synchronizacja danych platformy mapowej między PHP a MongoDB","description":"Połączyłem platformę mapową z zewnętrznymi źródłami danych przez własne endpointy PHP i middleware w Node.js. Zaprojektowałem modele danych i logikę synchronizacji między backendem PHP a MongoDB, zapewniając spójne aktualizacje inwestycji, firm i dzielnic w czasie rzeczywistym. Umożliwiłem skalowalny przepływ danych między wieloma środowiskami.","dateCreated":"2025-10-29","creator":{"@type":"Person","name":"Mateusz Skorupa"},"keywords":"ExpressJS, MongoDB, PHP, RESTful API, TypeScript"},{"@type":"CreativeWork","position":10,"name":"Leniwe ładowanie pinezek na mapie i funkcja „W pobliżu\"","description":"Wdrożyłem leniwe ładowanie pinezek na mapie w zależności od widocznego obszaru, by sprawnie wyświetlać tysiące inwestycji. Dodałem funkcję „W pobliżu\" wykorzystującą geolokalizację przeglądarki, śledzącą ruch użytkownika i dynamicznie aktualizującą widoczne wyniki. To połączenie zapewniło optymalne czasy ładowania i płynne działanie.","dateCreated":"2025-10-28","creator":{"@type":"Person","name":"Mateusz Skorupa"},"keywords":"Vue.js, Google Maps API, Geolocation, TypeScript, Performance Optimization"},{"@type":"CreativeWork","position":11,"name":"Zaawansowane wyszukiwanie na mapie z narzędziami do rysowania","description":"Zbudowałem zaawansowany interfejs Google Maps z narzędziami do rysowania kół i wielokątów. Każdy kształt dynamicznie filtrował wyświetlane na mapie inwestycje. Użytkownicy mogli tworzyć i zmieniać rozmiar wielu kształtów, z wyliczaniem w czasie rzeczywistym odległości i zawartych wyników. Zaprojektowane pod wydajność i responsywność na desktopie i mobile.","dateCreated":"2025-10-28","creator":{"@type":"Person","name":"Mateusz Skorupa"},"keywords":"Vue.js, Nuxt.js, Google Maps, TypeScript, UX & UI"},{"@type":"CreativeWork","position":12,"name":"Platforma mapowa dla nieruchomości — pełna budowa od zera","description":"Zaprojektowałem i zbudowałem od zera kompletną platformę mapową dla nieruchomości w Nuxt.js (SSR), Node.js, Express i MongoDB, z danymi pobieranymi zarówno z endpointów Express.js, jak i własnych endpointów PHP. Wdrożyłem pipeline'y CI/CD w GitLab do automatycznych wdrożeń na staging i produkcję. Platforma obsługiwała ponad 4000 inwestycji i zapewniała płynną interakcję między mapą, listingami i wyszukiwarką.","dateCreated":"2025-10-28","creator":{"@type":"Person","name":"Mateusz Skorupa"},"keywords":"Nuxt.js, ExpressJS, MongoDB, PHP, GitLab"},{"@type":"CreativeWork","position":13,"name":"Błyskawiczna wyszukiwarka nieruchomości dla WPResidence","description":"Zbudowałem błyskawiczną funkcję „Insta Search\" dla serwisu nieruchomości opartego na WPResidence.","dateCreated":"2025-10-25","creator":{"@type":"Person","name":"Mateusz Skorupa"},"keywords":"PHP, WordPress, Performance Optimization, Custom PHP, Problem Solving"},{"@type":"CreativeWork","position":14,"name":"Interaktywne mapowanie dzielnic z integracją Google API","description":"Zbudowałem interaktywną funkcję „Dzielnice\" dla serwisu nieruchomości opartego na WPResidence.","dateCreated":"2025-10-25","creator":{"@type":"Person","name":"Mateusz Skorupa"},"keywords":"PHP, WordPress, Google APIs, Geolocation, JavaScript"},{"@type":"CreativeWork","position":15,"name":"Pełna przebudowa serwisu WPResidence i własne układy stron","description":"Przebudowałem serwis nieruchomości na WPResidence w kompletnym redesignie wizualnym.","dateCreated":"2025-10-25","creator":{"@type":"Person","name":"Mateusz Skorupa"},"keywords":"PHP, WordPress, Front-End Development, Performance Optimization, JavaScript"},{"@type":"CreativeWork","position":16,"name":"Integracja Bitly API dla krótkich linków do nieruchomości","description":"Zintegrowałem Bitly API do generowania krótkich linków dla listingów nieruchomości w serwisie opartym na WPResidence.","dateCreated":"2025-10-25","creator":{"@type":"Person","name":"Mateusz Skorupa"},"keywords":"PHP, WordPress, API Integration, REST API, JavaScript"}]}
```