MG HS - Samochody osobowe

Wybierz aktywne źródło danych dla serwisu:

📁 JSON Data Provider (Domyślny)

Obsługuje filtrowanie, sortowanie i paginację bezpośrednio na plikach JSON bez potrzeby instalacji bazy.

Pełny zbiór (all_listings.json - 81 aut) Oryginalny plik (response.json - 9 aut)

🌐 Live Otomoto GraphQL API

Pobiera dane na żywo z oficjalnego endpointu GraphQL Otomoto z użyciem hasha z Twojego cURL.

🗄️ MySQL Database Layer (Gotowy do wdrożenia)

Wykorzystuje relacyjny model SQL ze skompilowanymi zapytaniami SELECT, złączami JOIN i kluczami obcymi.

📊 Stan zasobów dyskowych i bazy

Wczytywanie statystyk...

Twój cURL z zapytania Otomoto:

Zapytanie wykorzystuje GraphQL POST/GET z operacją financingListingScreen oraz sha256 persisted hash:

curl --url 'https://www.otomoto.pl/graphql?operationName=financingListingScreen&variables={"filters":[{"name":"category_id","value":"29"},{"name":"make_model_generation","value":"mg|hs"},{"name":"filter_enum_leasing_concession","value":"1"}],"itemsPerPage":9,"page":1}' \ -H 'accept: application/graphql-response+json, application/graphql+json, application/json' \ --extensions '{"persistedQuery":{"sha256Hash":"249637cf7043dc3a315a8c7c4654da5ca30a6883a8bb3010b84be0bf3367e84f","version":1}}'

Schemat bazy MySQL (schema.sql)

Relacyjna struktura tabel: sellers, listings, listing_parameters, listing_photos z indeksami na cenę, rok i przebieg:

Podgląd wygenerowanych rekordów (seed.sql):

💡 Jak podpiąć bazę MySQL?
1. Zainstaluj serwer MySQL / MariaDB (np. XAMPP, Docker lub mysql serwer).
2. Uruchom polecenie migracji: npm run migrate:sql
3. W pliku server/config.js podaj dane logowania lub w zmiennych środowiskowych: DB_HOST=localhost DB_USER=root DB_NAME=otomoto_clone.
System automatycznie przełączy się na live SQL!

📐 Architektura 2-częściowa (Design + Fetch System)

1. Warstwa Prezentacji (Design):
Zbudowana w czystym HTML5 + Vanilla CSS. Odtwarza wiernie UI Otomoto: karty pojazdów z galerią zdjęć (CDN Apollo), plakietki "Wyróżnione", "Faktura VAT", teaser raty leasingowej, szczegółowe okno specyfikacji oraz interaktywny kalkulator raty leasingowej.

2. Warstwa Pobierania Danych (Fetch Engine):
Zrealizowana zgodnie ze wzorcem Repository Pattern (interfejs IDataProvider).
- JsonDataProvider: czyta response.json lub all_listings.json, realizuje pełne zapytania in-memory.
- LiveGraphQLDataProvider: wykonuje cURL zapytanie na żywo do Otomoto.
- MySQLDataProvider: gotowy adapter z dynamicznym generatorem zapytań SQL do bezbolesnej migracji na MySQL.

MG HS 81 ogłoszeń

System Pobierania & Przejście na MySQL