Atvejis · Webko

PEV Deals: Angular ir Spring Boot nuolaidų platforma

PEV Deals yra daugiakalbis elektrinių vienračių, elektrinių dviračių ir elektrinių paspirtukų nuolaidų katalogas. Webko kuria ir prižiūri visas tris jo dalis: iš anksto sugeneruotą Angular parduotuvės sąsają, Angular administravimo skydelį ir Spring Boot API su PostgreSQL.

Projektas
Asmeninių elektrinių transporto priemonių (EUC, elektriniai dviračiai, paspirtukai, vienračiai, elektriniai riedlentės) nuolaidų ir akcijos kodų platforma
Mūsų vaidmuo
Pilnas ciklas nuo Figma dizaino iki produkcijos: parduotuvės sąsaja, administravimo skydelis, API, diegimas
Apimtis
Trys programos: viešoji parduotuvės sąsaja, administravimo skydelis, Spring Boot serverio dalis
Pagrindinės technologijos
Angular 22, Java 25, Spring Boot 4, PostgreSQL 17
Kalbos
6 kalbos, pasiūlymai ir valiuta pagal regioną
Pradėta
2026 m. gegužę, veikia produkcijoje ir auga

Aplankyti pevdeals.com →

Užduotis

PEV Deals padeda važiuotojams rasti patikrintas nuolaidas elektriniams vienračiams, elektriniams dviračiams, paspirtukams ir elektrinėms riedlentėms. Verslui reikia greito katalogo, kurį skaito paieškos sistemos, kuris veikia keliomis kalbomis ir regionuose, bei administravimo dalies, kurioje komanda valdo pasiūlymus, pardavėjus, straipsnius ir vertimus be programuotojo pagalbos.

Produktų puslapiai, pirkimo vadovai ir apžvalgos turi reitinguotis paieškoje, greitai užsikrauti mobiliuosiuose įrenginiuose ir veikti net tada, kai API lėtas arba užklausa nepavyksta.

Ką kuriame

Iš anksto sugeneruota Angular parduotuvės sąsaja

Angular 22 su savarankiškais komponentais, signalais ir be zone.js. Produkcinis surinkimas sugeneruoja kiekvieną maršrutą kaip statinį HTML ir hidratuoja jį palaipsniui (blokai žemiau ekrano kraštų kraunami su @defer), todėl paieškos robotai ir nauji lankytojai turinį gauna iškart.

Katalogas, kurio būsena yra URL

Kategorijos, prekių ženklo, kainos, svorio, greičio, nuvažiuojamo atstumo, pardavėjo ir įvertinimo filtrai, rūšiavimas ir paieška su sinonimais yra URL būsena, todėl bet kurį filtruotą vaizdą galima pasidalyti nuoroda. Duomenys gaunami per httpResource pagal pasirinktą regioną ir kalbą.

Regionai, šešios kalbos ir techninė SEO

Maršrutai su kalbos prefiksu, pasiūlymai ir valiuta pagal regioną, hreflang ir canonical žymos, JSON-LD, svetainės žemėlapis, kurio lastmod datos ateina iš API, ir 301 nukreipimas iš senojo pevdeals.eu domeno. Puslapis tampa noindex tik tada, kai API patvirtina, kad įrašo nebėra, o ne dėl nepavykusios užklausos.

Spring Boot API su dviem paviršiais

Java 25 ir Spring Boot 4 su PostgreSQL 17: autentifikuotas administravimo paviršius ir viešas svetainės paviršius, sesijomis grįsta autentifikacija, kiekvienas schemos pakeitimas per Liquibase migracijas, paveikslėliai Cloudinary, laiškai per Mailgun.

Administravimo skydelis su DI palaikomu vertimu

Atskiras Angular skydelis (Signal Forms, Angular Material) pasiūlymams, produktams, pardavėjams, straipsniams, DUK, nuolaidų užklausoms ir atsiliepimų moderavimui. Turinio vertimai saugomi pagal lauką ir kalbą, o straipsnius ir DUK įrašus galima išversti per Anthropic API; ilgas straipsnių tekstas verčiamas rankiniu būdu.

Turinio valdymas iš pokalbių kliento

Serverio dalis pateikia MCP serverį, todėl turinį galima valdyti iš pokalbių kliento. Trynimas per jį neleidžiamas, o kiekvienas taip atliktas pakeitimas įrašomas į audito žurnalą.

Reitingo logika serveryje

Kiekvienas pasiūlymas gauna vidinį 3,0–5,0 reitingą, kuris skaičiuojamas serveryje ir perskaičiuojamas po kiekvieno pakeitimo bei paleidžiant sistemą, todėl vertinimas niekada nepriklauso nuo naršyklės.

Parduotuvės sąsaja

PEV Deals pagrindinis puslapis su išskirtiniu pasiūlymu ir kategorijų kortelėmis
Pagrindinis puslapis: išskirtiniai pasiūlymai ir kategorijų kortelės.
PEV Deals katalogas su kategorijos, prekių ženklo, kainos, svorio, greičio ir nuvažiuojamo atstumo filtrais
Katalogas su URL valdomais filtrais, rūšiavimu ir paieška.
PEV Deals produkto puslapis su specifikacijomis, kaina ir nuolaidos kodo mygtuku
Produkto puslapis: specifikacijos, kaina pagal regioną ir nuolaidos kodo užklausa.
PEV Deals tinklaraštis su apžvalgomis, vadovais ir saugumo straipsniais
Tinklaraštis: apžvalgos, vadovai ir saugumo straipsniai.

Technologijos

Parduotuvės sąsaja
Angular 22 (standalone, zoneless, signalai, OnPush), httpResource, NgOptimizedImage, SSR generavimas iš anksto
Administravimo skydelis
Angular 22, Signal Forms, Angular Material, Vitest su aprėpties slenksčiais
Serverio dalis
Java 25, Spring Boot 4, Spring Data JPA, Spring Security (sesijos), springdoc OpenAPI
Duomenys ir medija
PostgreSQL 17, Liquibase, Cloudinary, Mailgun
DI ir eksploatacija
Anthropic API (vertimas), MCP serveris, Sentry, Heroku
Kokybė
Vitest, angular-eslint, Checkstyle, PMD, SpotBugs

Rezultatas

  • 78 aktyvūs pasiūlymai iš 14 prekių ženklų — kataloge, kuriame galima ieškoti ir filtruoti šešiomis kalbomis.
  • 68 nuolaidų kodai išduoti 47 klientams — vidutinė nuolaida siekia 21 %.
  • Visą grandinę valdo viena komanda — nuo duomenų bazės schemos iki parduotuvės sąsajos, todėl pasiūlymo, vertimo ar filtro pakeitimas diegiamas be perdavimų.
  • Tikrinama po kiekvieno pakeitimo — 187 vienetų testai parduotuvės sąsajoje, lint taisyklės, draudžiančios pasenusias Angular API, ir statinė analizė Java surinkime.

Skaičiai paimti iš svetainės puslapio „Apie mus“ ir projekto dokumentacijos, būklė 2026 m. spalio 15 d.

Daugiau atvejų

  • Terasa28 — Apartamentų prie jūros nuomos svetainė su svečio paskyra, rezervacijos kalendoriumi ir užklausų tvirtinimo skydeliu.
  • Intela — Pakartotinai naudojami Angular komponentai, modulių verslo logika ir ataskaitų puslapiai mokesčių valdymo portalui didelėje korporacijoje.

Visi projektai

Planuojate panašią platformą?

Aprašykite užduotį keliomis eilutėmis, o mes atsakysime įvertinimu ir pasiūlysime, kaip pradėti.

Susisiekti su Webko