Car Market Node.js

Järjestelmäarkkitehtuuri & Ydinpilarit

Car Market yhdistää itsenäisen Node.js- ja Express-REST-rajapinnan sekä erittäin nopean React (Vite) Single Page Application -käyttöliittymän tarjoten alle sekunnin hakutulokset ja sujuvan ilmoitustenhallinnan.

┌─────────────────────────────────────────────────────────────────────────────┐
│                    Car Market Full-Stack Architecture                       │
└──────────────────────────────────────┬──────────────────────────────────────┘
                                       │
           ┌───────────────────────────┼───────────────────────────┐
           ▼                           ▼                           ▼
  🔍 Älykäs hakukone       📸 Media- & Myyjäkeskus       🛡️ Turvallisuus & GDPR
  • Tietokantaan sidotut liukusäätimet      • Vedä ja pudota jopa 15 kuvaa      • Tarkastusjonojärjestelmä
  • Merkki ➔ Malli -porrastus      • SortableJS-kansikuvan valinta   • Yksityiskohtainen tarkastussivu
  • Nollatulossivujen esto      • Automaattinen Sharp WebP -muunnos        • GDPR Artiklat 17 & 20
  • Reaaliaikaiset varastomäärät      • YouTube- & Shorts-upotus       • JWT- & Bcrypt-salaus
            

1. Älykäs hakukone & Dynaamiset suodattimet

Hakukone laskee arvovälinsä dynaamisesti suoraan MySQL-tietokannasta estäen tyhjät hakutulokset:

• Tietokantaan sidotut kaksoisliukusäätimet (rc-slider): Hinta-, Kilometri- ja Vuosimallisäätimet mukautuvat automaattisesti varaston todellisiin minimi- ja maksimiarvoihin.
• Ketjutetut Merkki ➔ Malli -valitsimet:
  • Ei tyhjiä tuloksia: Valikossa näytetään vain ne merkit ja mallit, joilla on aktiivisia ja hyväksyttyjä ajoneuvoja myynnissä.
  • Reaaliaikaiset määrämerkit: Saatavilla olevien ilmoitusten määrä näkyy suoraan kunkin valinnan vieressä (esim. Renault (4) ➔ Clio V (2)).
• Tekniset ominaisuussuodattimet: Suodatus ajoneuvoluokan (henkilöautot, moottoripyörät, hyötyajoneuvot), korimallin, polttoainetyypin ja vaihteiston mukaan.
• Asynkroninen lajittelu: Välitön järjestäminen lisäyspäivämäärän, hinnan, kilometrilukeman tai vuosimallin mukaan.

2. Yksityiskohtainen ajoneuvosivu & Multimediakokemus

Ajoneuvon esittelysivu (/vehicule/:slugOrId) on rakennettu konversio-optimoituun 2-sarakkeiseen asetteluun:

3. Ilmoitusten julkaisu & Kuvankäsittelyputki

Car Market tarjoaa yksityisille ja ammattimyyjille intuitiiviset työkalut ilmoitusten luontiin:

• Kattava ajoneuvoluokitus (120 merkkiä & 1 890+ mallia): Laaja tietokanta käytettävissä ilmoitusta luotaessa tarkan kategorisoinnin takaamiseksi.
• Profiilin ennakkotarkistus: Julkaisu estetään, kunnes myyjä on täyttänyt profiilitietonsa (nimi, sukunimi, vahvistettu puhelinnumero).
• Kuvien järjestely vetämällä ja pudottamalla (SortableJS): Lataa jopa 15 kuvaa samanaikaisesti ja valitse pääkansikuva vetämällä esikatselukuvia ⭐ Kansikuva.
• Automaattinen WebP-muunnos (Sharp): Kuvat muunnetaan palvelimella moderniin .webp-muotoon 80 % laadulla EXIF-suuntatiedot automaattisesti korjaten.
• « Omat ilmoitukset » -hallintapaneeli: Kattava kojelauta tilavälilehdillä (Kaikki, Julkaistu, Odottaa), suoralla muokkauksella ja poistotoiminnoilla.

4. Laadunvarmistus & Ylläpidon moderointi

Luotettavan sisällön takaamiseksi ja väärinkäytösten estämiseksi alusta sisältää tarkastusvaiheen:

5. Tietoturva & Eurooppalainen GDPR-yhteensopivuus

Car Market noudattaa tiukasti EU:n yleistä tietosuoja-asetusta (GDPR EU 2016/679):

• Tilaton JWT-todennus: Turvalliset Bearer-tunnisteet ja Bcrypt-salasanatiivisteet (vähintään 8 merkkiä sisältäen isoja/pieniä kirjaimia, numeroita ja erikoismerkkejä).
• Tietojen siirrettävyys (GDPR Artikla 20): Käyttäjän profiilin ja ilmoitushistorian lataus yhdellä klikkauksella strukturoidussa JSON-muodossa.
• Oikeus tulla unohdetuksi (GDPR Artikla 17): Tilin pysyvä poisto, joka tyhjentää henkilötiedot tietokannasta ja poistaa kuvatiedostot pysyvästi palvelimelta.

6. Tekninen ominaisuusmatriisi