ConnectPro: e-commerce platforma za automobilske konektore

Pronaći pravi automobilski konektor nije lako. Kataloški brojevi su nejasni, serije liče jedna na drugu (Deutsch DT, AMP Superseal, Molex MX150), a serviser često u ruci ima samo polomljen utikač. Opšte prodavnice ne prikazuju tehničke podatke koji su serviseru potrebni, a veleprodajni kupci nemaju jednostavan način da zatraže cenu za veće količine.

Napravili smo ConnectPro, brzu prodavnicu na srpskom jeziku. Osmišljena je oko toga kako serviseri zaista traže delove: po vozilu, po OEM broju ili po fotografiji. Svaki proizvod ima kompletne tehničke specifikacije, a veleprodajni kupci imaju poseban tok za upit za ponudu i svoj nalog.

1. Pretraga po vozilu: godina, marka, model i verzija sužavaju katalog. 2. OEM pretraga: unesete broj dela proizvođača i odmah dobijete odgovarajući deo. 3. AI identifikacija konektora: otpremite fotografije nepoznatog konektora i dobijete seriju, broj pinova i SKU. Tok je napravljen za rad sa Google Gemini. 4. Stranice proizvoda sa detaljnim specifikacijama (pinovi, pol, amperaža, napon, materijal zaptivke, IP67/IP69K), stanjem na lageru i akcijskim cenama. 5. Korpa i pregled porudžbine, globalno preko React Context-a. 6. Veleprodajni upit za ponudu i korisnički portal sa istorijom porudžbina za B2B klijente.

- React 19 - TypeScript - Vite 6 - Tailwind CSS 4 - React Router 7 - Motion - Lucide icons - Google Gemini SDK (@google/genai)

1. 7 korisničkih tokova u jednoj laganoj SPA aplikaciji: početna, prodavnica, proizvod, identifikacija, korpa, veleprodaja, nalog. 2. Tipiziran model proizvoda (SKU, serija, brend, specifikacije, lager), spreman za pravi katalog ili ERP. 3. Identifikacija spremna za AI, koja smanjuje broj poziva tipa „koji je ovo konektor?”. 4. Veleprodajni upit i maloprodajna kupovina na jednoj platformi.

Povezivanje kataloga sa stvarnim lagerom, prelazak sa simulirane na pravu Gemini analizu slika, i integracija plaćanja i dostave.