This app was developed as a Capstone Project for the Web Development Bootcamp at neuefische (07-10/2022). It enables vinyl DJs to digitally prepare a selection of records from their collection for an upcoming gig instead of spending hours in front of their reccord shelve.
The collection data gets fetched from the user's Discogs collection database. You can browse through those records in a list view, seeing the cover and information on the artist, title, label and year of the release. Track information can be toggles via a button, as can be a form to add YouTube-videos via pasting and adding a link. Based on the given information and after pre-listening to your favorite songs you can make a selection and bookmark records for your gig that are shown in your digital recordbag. This way you don't need to grab and listen to all your actual records but only pick them up when you have a final list.
Try it out yourself on Vercel: RekordBag
stefanie_loeser.mov
- Clone repository
- create a
.env.local-file according to the.env.exampleinside the root folder - Add your
DISCOGS_USER_TOKENfrom discogs - install all dependencies via
$ npm install - Run app in development mode via
$ npm run dev - visit on: http://localhost:3000/
- NextJS
- React
- styled components
- React Hook Form
- localStorage
- Discogs API