Realizacja · Webko

PEV Deals: platforma promocji na Angularze i Spring Boot

PEV Deals to wielojęzyczny katalog promocji na elektryczne monocykle, rowery elektryczne i hulajnogi elektryczne. Webko tworzy i rozwija wszystkie trzy jego części: front w Angularze z prerenderingiem, panel administracyjny w Angularze oraz API Spring Boot na PostgreSQL.

Projekt
Platforma promocji i kodów rabatowych na osobiste pojazdy elektryczne (EUC, rowery elektryczne, hulajnogi, monocykle, deskorolki elektryczne)
Nasza rola
Pełny cykl od projektu w Figmie do produkcji: front, panel administracyjny, API, wdrożenie
Zakres
Trzy aplikacje: publiczny front, panel administracyjny i backend w Spring Boot
Główny stos
Angular 22, Java 25, Spring Boot 4, PostgreSQL 17
Języki
6 języków, oferty i waluta zależne od regionu
Start
maj 2026, działa na produkcji i jest rozwijany

Odwiedź pevdeals.com →

Zadanie

PEV Deals pomaga użytkownikom znaleźć sprawdzone promocje na elektryczne monocykle, rowery elektryczne, hulajnogi i deskorolki. Biznes potrzebuje szybkiego katalogu czytelnego dla wyszukiwarek, działającego w kilku językach i regionach, oraz zaplecza, w którym zespół sam zarządza ofertami, sprzedawcami, artykułami i tłumaczeniami bez udziału programisty.

Strony produktów, poradniki zakupowe i recenzje muszą pozycjonować się w wyszukiwarce, szybko ładować na urządzeniach mobilnych i działać także wtedy, gdy API odpowiada wolno lub żądanie się nie powiedzie.

Co budujemy

Front w Angularze z prerenderingiem

Angular 22 na komponentach standalone i sygnałach, bez zone.js. Build produkcyjny prerenderuje każdą trasę do statycznego HTML i hydratuje ją stopniowo (bloki poniżej pierwszego ekranu ładują się przez @defer), więc roboty wyszukiwarek i nowi odwiedzający od razu dostają treść.

Katalog ze stanem w adresie URL

Filtry kategorii, marki, ceny, wagi, prędkości, zasięgu, sprzedawcy i oceny, sortowanie oraz wyszukiwanie z synonimami są stanem adresu URL, więc każdy przefiltrowany widok można udostępnić linkiem. Dane trafiają do frontu przez httpResource, zależnie od wybranego regionu i języka.

Regiony, sześć języków i techniczne SEO

Trasy z prefiksem języka, oferty i waluta zależne od regionu, znaczniki hreflang i canonical, JSON-LD, mapa witryny z datami lastmod z API oraz przekierowanie 301 ze starej domeny pevdeals.eu. Strona dostaje noindex tylko wtedy, gdy API potwierdzi, że rekordu już nie ma, a nie z powodu nieudanego żądania.

API Spring Boot z dwiema powierzchniami

Java 25 i Spring Boot 4 na PostgreSQL 17: chroniona powierzchnia administracyjna i publiczna powierzchnia dla witryny, uwierzytelnianie sesyjne, każda zmiana schematu przez migracje Liquibase, obrazy w Cloudinary, wiadomości przez Mailgun.

Panel administracyjny z tłumaczeniem wspieranym przez AI

Osobny panel w Angularze (Signal Forms, Angular Material) do ofert, produktów, sprzedawców, artykułów, FAQ, próśb o rabat i moderacji opinii. Tłumaczenia treści są przechowywane według pola i języka, a artykuły oraz wpisy FAQ można tłumaczyć przez API Anthropic; pełny tekst artykułów tłumaczy się ręcznie.

Zarządzanie treścią z klienta czatu

Backend udostępnia serwer MCP, dzięki czemu treścią można zarządzać z klienta czatu. Usuwanie tą drogą jest wyłączone, a każda zmiana wykonana w ten sposób trafia do dziennika audytu.

Logika oceny po stronie serwera

Każda oferta dostaje wewnętrzną ocenę od 3,0 do 5,0, liczoną na serwerze i przeliczaną po każdej zmianie oraz przy starcie, więc wynik nigdy nie zależy od przeglądarki.

Front sklepu

Strona główna PEV Deals z wyróżnioną ofertą i kafelkami kategorii
Strona główna: wyróżnione oferty i kafelki kategorii.
Katalog PEV Deals z filtrami kategorii, marki, ceny, wagi, prędkości i zasięgu
Katalog z filtrami w adresie URL, sortowaniem i wyszukiwarką.
Strona produktu PEV Deals ze specyfikacją, ceną i przyciskiem kodu rabatowego
Strona produktu: specyfikacja, cena zależna od regionu i prośba o kod rabatowy.
Blog PEV Deals z recenzjami, poradnikami i artykułami o bezpieczeństwie
Blog: recenzje, poradniki i artykuły o bezpieczeństwie.

Technologie

Front
Angular 22 (standalone, zoneless, sygnały, OnPush), httpResource, NgOptimizedImage, prerendering SSR
Panel administracyjny
Angular 22, Signal Forms, Angular Material, Vitest z progami pokrycia
Backend
Java 25, Spring Boot 4, Spring Data JPA, Spring Security (sesje), springdoc OpenAPI
Dane i media
PostgreSQL 17, Liquibase, Cloudinary, Mailgun
AI i utrzymanie
API Anthropic (tłumaczenie), serwer MCP, Sentry, Heroku
Jakość
Vitest, angular-eslint, Checkstyle, PMD, SpotBugs

Efekt

  • 78 aktywnych ofert od 14 marek — w katalogu z wyszukiwaniem i filtrami w sześciu językach.
  • 68 kodów rabatowych wydanych 47 klientom — średni rabat wynosi 21%.
  • Cały łańcuch w rękach jednego zespołu — od schematu bazy danych po front, więc zmiana oferty, tłumaczenia czy filtra trafia na produkcję bez przekazywania zadań.
  • Kontrola przy każdej zmianie — 187 testów jednostkowych frontu, reguły lint blokujące przestarzałe API Angulara i analiza statyczna w buildzie Javy.

Liczby pochodzą ze strony „O nas” w serwisie i z dokumentacji projektu, stan na 15 października 2026 r.

Inne realizacje

  • Terasa28 — Serwis wynajmu apartamentu nad morzem z kontem gościa, kalendarzem rezerwacji i panelem do zatwierdzania zapytań.
  • Intela — Komponenty Angulara wielokrotnego użytku, logika biznesowa modułów i strony raportów dla portalu do zarządzania podatkami w globalnej korporacji.

Wszystkie projekty

Planujesz podobną platformę?

Opisz zadanie w kilku zdaniach, a odpowiemy wyceną i propozycją startu.

Skontaktuj się z Webko