Sillon
Your Discogs collection, cover first: a personal app for picking what to play.
Features
- Collection — your Discogs Collection and its Estimated value
- Recent additions — a Sleeve pull on Home: flip through your latest records, each disc sliding out of its sleeve
- Vinyl colour — each disc in its own colour and effect, read from the Discogs format notes, with its Disc count
- Record screen — one screen for every record, opened from Home, Random pick, Collection, Wantlist, Search or a Stack
- Portrait — your Collection as a whole: Top artists, Top styles, Pressing decade, Additions by year
- Random pick — one record from the whole Collection
- Search — artists, Discographies, Masters and Releases; scan a barcode to find a Release
- Scan a Stack — scan barcodes one after another, choose the Release for each Unresolved one (a barcode that matches several), add them all in one tap; a WebAssembly reader where the browser has no native one
- Wantlist — with a Fulfilled want prompt when a new record was on it
- Marketplace — Listing count, Lowest price and Suggested prices for a Release
- Covers — HD Covers from Deezer; a House sleeve when a record has none
- PWA — installable, Covers cached, works offline
- Light and dark, following the system or set by hand
Design
Sillon is French for the groove in a record. One spiral line is the mark,
the loader and the launch screen. Black, white and grey, with colour from
Covers and copper lacquer on brand moments. Square like a sleeve, round like a
record. See docs/design-system.md.
Stack
Development
pnpm install
pnpm dev # http://localhost:3000
pnpm test # vitest
pnpm check # prettier + eslint fix
pnpm generate:pwa-assets # re-render icons, launch screens and README banners from the mark
Requires a .env file with Discogs API credentials:
DISCOGS_CONSUMER_KEY=
DISCOGS_CONSUMER_SECRET=
SESSION_SECRET=
Status
In active development, migrated from Remix to TanStack Start.
The phased plan is in docs/roadmap.md.
