This is the client-side React code for the Discogs Auto-Dig tool. This project aims to create a web ui that enables users to more easily find good* music and buy used media on the Discogs.com marketplace. This is currently a work in progress and not production-ready, but read the todo to see a list of features to come.
*Whats good music is probably highly subjective but one idea is that records with a high number of "wants" could be more worth a listen.
Here is a recent screenshot. (WIP)
Check it out here on heroku
- Node v7.0 +
This project is designed to be part of an AWS infrastructure but to run locally follow the instructions below.
Create a config.json inside of /src that contains the following values:
{
"API_KEY" : "<key>",
"API_SECRET" : "<secret>",
"RELEASES_URL" : "https://m8ljfebn0d.execute-api.us-east-1.amazonaws.com/production"
}
Install dependencies and run:
yarn install
yarn start
Run tests with yarn test
- Retrieve a given seller's full inventory
- Display listing artwork and link to purchase on discogs in media pane
- Provide visual feedback for long requests (giant loading bar background behind logo)
- By default sort listings by a combined most wants and lowest price
- Display correct number of wants for listings in inventory
- Display price, record label, and full release info in media pane for a selected listing
- Display all youtube videos for a the selected listing in the media pane
- Hide youtube videos but allow playback control
- Display all youtube videos for a the selected listing in the media pane
- Add pagination of inventory listings
- Add genre filtering
- Cache full inventory requests for one day, either per-user or server side
- Display a breakdown of record labels in a seller's inventory
- Allow quick focusing of all records belonging to a particular label
- Introduce auto-playthrough feature where all listings are played through as a playlist one by one
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent