Car Market Node.js

Systemarkitektur & Huvudpelare

Car Market kombinerar ett fristående Node.js & Express REST-API med en blixtsnabb React (Vite) Single Page Application, vilket ger filtrerade bilsökningar på under en sekund och smidiga säljprocesser.

┌─────────────────────────────────────────────────────────────────────────────┐
│                    Car Market Full-Stack Architecture                       │
└──────────────────────────────────────┬──────────────────────────────────────┘
                                       │
           ┌───────────────────────────┼───────────────────────────┐
           ▼                           ▼                           ▼
  🔍 Intelligent sökmotor       📸 Medie- & säljarportal       🛡️ Säkerhet & GDPR-efterlevnad
  • Databaskopplade skjutreglage      • Dra och släpp upp till 15 bilder      • Modereringskö för annonser
  • Märke ➔ Modell kaskadval      • Val av omslagsbild med SortableJS   • Fullständig fordonsinspektion
  • Förhindrande av tomma resultatsidor      • Automatisk WebP-konvertering (Sharp)        • GDPR Artikel 17 & 20
  • Realtidslagerräkning      • Inbäddning av YouTube & Shorts       • JWT- & Bcrypt-säkerhet
            

1. Intelligent sökmotor & Dynamiska filter

Sökmotorn beräknar gränsvärden dynamiskt från MySQL-databasen för att förhindra resultatlösa sökningar:

• Databaskopplade dubbla skjutreglage (rc-slider): Pris-, Kilometer- och Årsmodellreglagen anpassar sig automatiskt efter de faktiska minimi- och maximivärdena i lagret.
• Kaskadkopplade Märke ➔ Modell-väljare:
  • Inga tomma resultat: Rullgardinsmenyn visar uteslutande märken och modeller som för närvarande har godkända bilar i lager.
  • Realtidsantal: Realtidsräknare för tillgängliga fordon bredvid varje val (t.ex. Renault (4) ➔ Clio V (2)).
• Tekniska specifikationsfilter: Filtrering efter fordonskategori (Personbil, Motorcykel, Transportbil), karosstyp, bränsletyp och växellåda.
• Asynkron sortering: Omedelbar sortering efter publiceringsdatum, pris stigande/fallande, miltal eller årsmodell.

2. Detaljerad fordonssida & Multimedieupplevelse

Fordonssidan (/vehicule/:slugOrId) är strukturerad i en konverteringsfokuserad tvåkolumnslayout:

3. Annonspublicering & Bildbehandlingsflöde

Car Market förser privata och professionella säljare med intuitiva och snabba verktyg:

• Komplett fordonstaxonomi (120 märken & 1 890+ modeller): Omfattande fordonsdatabas tillgänglig vid skapande av annons för exakt kategorisering.
• Obligatorisk profilverifiering: Publicering hålls tillbaka tills säljaren har fyllt i alla obligatoriska profiluppgifter (namn, verifierat telefonnummer).
• Bildorganisering med dra och släpp (SortableJS): Ladda upp upp till 15 bilder samtidigt och dra miniatyrbilderna för att välja omslagsbild ⭐ Omslag.
• Automatisk WebP-konvertering (Sharp): Serversidekonvertering till det moderna .webp-formatet vid 80 % komprimering med automatisk korrigering av EXIF-orientering.
• Kontrollpanelen «Mina annonser»: Fullständigt gränssnitt med statusflikar (Alla, Aktiva, Under granskning), direktredigering och raderingsverktyg.

4. Kvalitetssäkring & Administratörsmoderering

För att eliminera skräppost och felaktiga inlägg har plattformen ett administrativt granskningssystem:

5. Företagssäkerhet & Europeisk GDPR-efterlevnad

Car Market uppfyller EU:s dataskyddsförordning (GDPR EU 2016/679) fullt ut:

• Tillståndslös JWT-autentisering: Säkra Bearer-tokens med Bcrypt-lösenordshashning (minst 8 tecken, stora/små bokstäver, siffror och specialtecken).
• Dataportabilitet (Artikel 20 GDPR): Strukturerad JSON-export av alla profildata och fullständig annonshistorik med ett enda klick.
• Rätt till radering (Artikel 17 GDPR): Permanent kontoradering som tar bort alla databasrader och raderar alla fysiska bildfiler från servern.

6. Teknisk funktionsmatris