Discogs App

• Goal
• User Stories
• Dependencies
• API
• Setup and Run

Online preview

Goal

Build a single-page app that displays music releases from Discogs with React.

User Stories

• Display list of music releases. You can use the Discogs API to achieve this (you’ll need to sign up for a developer token).
• Include a search box that allows the user to search for specific terms (e.g. searching for “moderat” should return releases relating to the band Moderat).
• As a further option, the app could be : -- Responsive -- Accessible -- Paginated -- Progressively enhanced -- Deployed somewhere e.g. AWS or Heroku -- Perform well over slow internet connections -- Work offline

Dependencies

• Bootstrap: To design and customize responsive mobile-first sites (version 5).
• axios: A promise-based HTTP Client for node.js and the browser.
• node-sass: Allows you to natively compile .scss files to css.
• react-router-hash-link: A solution to React Router's issue of not scrolling to #hash-fragments when using the <Link> component to navigate.

API

• Discogs: https://www.discogs.com
• Discogs API (see in particular the sections on Authentication and Search): https://www.discogs.com/developers
• API token generation (requires account): https://www.discogs.com/settings/developers
• The number of search results is limited to 10,000. Therefoe, pagination is considered based of this value.

Setup and run

1. Run npm install to install required dependencies
2. Run npm run start to run the project and Open http://localhost:3000