Car Market Node.js

Architektura systemu & Główne filary

Car Market łączy niezależne API REST w Node.js i Express z ultraszybką aplikacją Single Page Application w React (Vite), zapewniając filtrowanie ofert poniżej sekundy i płynne zarządzanie sprzedażą.

┌─────────────────────────────────────────────────────────────────────────────┐
│                    Car Market Full-Stack Architecture                       │
└──────────────────────────────────────┬──────────────────────────────────────┘
                                       │
           ┌───────────────────────────┼───────────────────────────┐
           ▼                           ▼                           ▼
  🔍 Inteligentna wyszukiwarka       📸 Centrum mediów i panel sprzedawcy       🛡️ Bezpieczeństwo & Zgodność z RODO
  • Suwaki powiązane z bazą danych      • Przeciągnij i upuść do 15 zdjęć      • Kolejka akceptacji ogłoszeń
  • Kaskada Marka ➔ Model      • Wybór zdjęcia głównego (SortableJS)   • Szczegółowa weryfikacja pojazdu
  • Zapobieganie pustym stronom wyników      • Automatyczna konwersja WebP (Sharp)        • RODO Artykuł 17 i 20
  • Licznik pojazdów na żywo      • Integracja YouTube i Shorts       • Zabezpieczenia JWT & Bcrypt
            

1. Inteligentna wyszukiwarka & Dynamiczne filtry

Wyszukiwarka dynamicznie ustala limity na podstawie zawartości bazy danych MySQL, eliminując puste wyszukiwania:

• Dwustronne suwaki powiązane z bazą danych (rc-slider): Suwaki Ceny, Przebiegu i Roku automatycznie dopasowują się do realnych minimalnych i maksymalnych wartości w magazynie.
• Kaskadowy wybór Marka ➔ Model:
  • Brak pustych wyników: Menu rozwijane pokazuje tylko te marki i modele, które posiadają aktualnie aktywne i zatwierdzone pojazdy.
  • Licznik dostępności na żywo: Wskaźnik aktualnej liczby dostępnych pojazdów przy każdej opcji (np. Renault (4) ➔ Clio V (2)).
• Filtry parametrów technicznych: Filtrowanie według kategorii pojazdu (Samochody, Motocykle, Dostawcze), nadwozia (Sedan, SUV, Kombi, Coupé itp.), paliwa i skrzyni biegów.
• Sortowanie asynchroniczne: Błyskawiczne sortowanie według daty dodania, ceny rosnąco/malejąco, przebiegu lub rocznika.

2. Szczegółowa karta pojazdu & Doświadczenie multimedialne

Podstrona ze szczegółami pojazdu (/vehicule/:slugOrId) zbudowana w dwukolumnowym układzie zorientowanym na konwersję:

3. Publikacja ogłoszeń & Przetwarzanie zdjęć

Car Market udostępnia sprzedawcom prywatnym i biznesowym intuicyjne i szybkie narzędzia:

• Pełna taksonomia motoryzacyjna (120 marek & 1 890+ modeli): Kompletna baza danych dostępna podczas tworzenia ogłoszenia dla precyzyjnej klasyfikacji.
• Weryfikacja profilu przed publikacją: Publikacja jest blokowana do momentu uzupełnienia danych profilu sprzedawcy (imię, nazwisko, zweryfikowany numer telefonu).
• Zmiana kolejności zdjęć metodą przeciągnij i upuść (SortableJS): Wysyłanie do 15 zdjęć jednocześnie z funkcją przeciągania w celu wyboru zdjęcia głównego ⭐ Okładka.
• Automatyczna konwersja WebP (Sharp): Konwersja po stronie serwera do nowoczesnego formatu .webp przy kompresji 80% z automatyczną korektą orientacji EXIF.
• Panel « Moje ogłoszenia »: Kompletny panel zarządzania z zakładkami statusu (Wszystkie, Aktywne, Oczekujące), edycją bezpośrednią i usuwaniem.

4. Kontrola jakości & Moderacja administratorska

Aby zagwarantować wiarygodność bazy i wyeliminować fałszywe oferty, platforma posiada moduł weryfikacji:

5. Bezpieczeństwo klasy Enterprise & Zgodność z RODO

Car Market rygorystycznie przestrzega przepisów Ogólnego Rozporządzenia o Ochronie Danych (RODO UE 2016/679):

• Bezstanowe uwierzytelnianie JWT: Tokeny Bearer z haszowaniem haseł przez Bcrypt (minimum 8 znaków, małe i wielkie litery, cyfry oraz znaki specjalne).
• Przenoszenie danych (Artykuł 20 RODO): Pobieranie ustrukturyzowanego pliku JSON jednym kliknięciem zawierającego profil oraz historię wszystkich ogłoszeń.
• Prawo do bycia zapomnianym (Artykuł 17 RODO): Trwałe usunięcie konta z wyczyszczeniem wpisów w bazie i fizycznym skasowaniem wszystkich zdjęć z serwera.

6. Matryca funkcji technicznych