Product study · Automotive marketplace
Automobile Marketplace
Search cars in Switzerland by price, model and technical details, then inspect each listing and its photos.
01 / The task
What needed to work
Car shoppers need useful filters, consistent listing details and a way to inspect photos. This marketplace keeps search and listing review in one flow.
My role
I built the car data model and search experience, listing and photo views, local favourites, and tools for managing car adverts.
02 / Decisions
Where judgment mattered
Share the marketplace across cars and bikes
A shared frontend keeps search, detail and account behavior consistent; the car mode supplies its own labels, imagery, filters and fields.
Separate car and motorcycle data
Separate inventory paths and session cookies keep car records apart from motorcycle listings and accounts.
Keep search and selection in the URL
Search, filters, sorting and the selected listing stay in the URL, so a listing can be reopened or shared directly.
Load full-size photos on request
The listing loads responsive previews first. The full photo viewer loads when someone opens it.
Validate car filters in the API
The API validates filters against car inventory and returns car-specific fields.
03 / Agent contribution
How the work was directed
I use AI coding assistants to build independent projects, while owning product decisions, review and testing.
Owner account · General working method
These product decisions are grounded in the implementation and capture notes. The broader workflow is my account of how I work across these projects.
04 / Verification & result
What the evidence supports
Implemented functionality
- Car marketplace mode. The car version uses its own categories, filters, listing fields and saved-car storage while sharing search and account components with the motorcycle marketplace.
- Search and vehicle filters. Search by title, make, model or city, then filter by price, year, power, fuel, transmission, drive, body style, condition and more. Sort and page through results.
- Listing details and photo viewer. Open a shareable listing view with price, specifications, equipment and description, then inspect photos in a gallery with full-screen zoom.
Implementation inspected
The screenshots show demo data, public observations or labelled report presentations, as described in each caption.
05 / Product evidence
Selected screens
Supporting detail
Technology
- React 19
- TypeScript
- Vite
- Lucide React
- PhotoSwipe
- Python loopback HTTP server
- SQLite
- Pillow and Authlib account dependencies