Walk through Vintage Cars
16 of 20 screens are live in the demo. Everything else is visible but marked, with a reason — nothing is a dead link.
How to sign in
The demo has its own login because that is part of the product. These accounts are fictional, the passwords are deliberately fake, and each one sees a different slice of the platform — so it is worth signing in as more than one.
| Role | Password | What they can see | |
|---|---|---|---|
| Superadmin | [email protected] | Vintage@Platform | Every tenant. The only role whose tenant is null. |
| Owner | [email protected] | Vintage@Owner | One storefront, including its branding and plan |
| Manager | [email protected] | Vintage@Manager | Create, edit and reprice. No deletes, no team, no branding. |
| Seller | [email protected] | Vintage@Seller | Only their own listings, and enquiries about them |
| Buyer | [email protected] | Vintage@Buyer | The showroom, saved cars, and their own enquiries |
What to try first
- Open any reduced listing and read its price history — every change carries the reason it was made, on the public page.
- Reprice something in the console. It refuses without a reason, and the reason you give appears on the buyer-facing listing.
- Sign in as the Manager, then the Seller: the rail loses sections and the listing count drops to what that person owns.
- Sign in as the Seller and open Marketplace review — the route exists and says whose it is rather than pretending to be missing.
- As Superadmin, open Platform: two tenants with different palettes, one deliberately past due.
Every screen, and whether it is in the demo
Grouped the way the real platform groups them. A screen marked not in the demo is still visible in the demo's navigation — clicking it explains why and offers a walkthrough, rather than doing nothing.
Sign in
Five accounts, one per switchable role, listed under the form. Which one you pick changes almost everything that follows.
Showroom
The public front page: featured stock, what has just arrived, and the journal. Drafts never appear here, whoever is looking.
Full inventory
Filterable by marque, style, grade and whether a car has been reduced. Every filter lives in the URL, so a filtered view is a link you can send.
Listing
The price history with a reason against every change, the condition grade with what that grade promises, and the specification as recorded fields.
Journal
Three entries from the Article model, each about the same thing: saying what a car is rather than what it might be.
Sell your car
A private listing. The grade picker shows what each grade commits you to as you choose it, because over-grading your own car is how a marketplace loses trust.
Saved
The buyer role’s saved cars, from the Favorite model. Saved searches are part of the real role and are not here.
Register
Account creation, at /register in the real app.
Registering hashes a password and sends a confirmation. A browser-only mock has nothing to hash against and nothing to send, and the five seeded accounts already cover every kind of access.Listing photography
The real API normalises and resizes uploaded photography through a Sharp pipeline.
There is nowhere to upload to here. Inventing stock imagery of cars that do not exist would misrepresent the product more than an obvious placeholder does, so each listing shows its year instead.Saved searches
The buyer role has saved searches as well as saved cars.
A saved search is only useful once new stock arrives to match it, and nothing arrives in a static demo. Saved cars are live.Overview
Stock value, open enquiries, and the list that matters: cars with enquiries against them that have never been repriced.
Listings
Drafts included, scoped to what you own. Status changes happen inline — an operator working a list should not have to open a record.
Pricing
Reprice a car. The reason is required and the API refuses without one, because a ledger of rows saying nothing is worse than no ledger.
Enquiries
Who asked, about what, and how far under the asking price they offered — which is the column that tells you whether it is a negotiation.
Marketplace review
Private-seller listings awaiting a decision, with the grade claim shown beside the description making it. Staff only.
Marques & styles
The taxonomy with stock counted across it, at median rather than mean asking price so one very expensive car cannot distort it.
Roles & grades
All six roles with the scope the real User model documents, and all five grades with what each claims. Additive — a reference page the product does not have.
Storefront branding
The tenant’s white-label record: palette, monogram, display font, domains and plan. The demo is painted in these exact values.
Platform
Every tenant and every person, across storefronts. Superadmin only, which is why it is a separate shell in the real app.
Editing the branding
Changing a tenant’s colours, fonts, logo and domains.
Repainting the whole shell from a tenant record is a real feature and a large one. A colour picker that changed nothing would be the most misleading control here, so the values are shown as records.Good to know before you open it
- It runs entirely in your browser. There is no server, and nothing you type leaves the page.
- Your edits persist across a refresh, and Reset data in the demo bar puts the sample data back.
- A guided tour starts on your first visit and can be replayed from the demo bar.
- Dark by default, matching the real platform. There is a light/dark switch in the demo bar.
- It works on a phone as well as a desktop.