Home

Awesome

<div align="center"> <h1>:notes: :headphones: Vinyl Stash :headphones: :notes: </h1> <h3>https://vinyl-stash.up.railway.app/</h3> <h5>Joseph Caputo</h5> </div> <h1>:pencil: Description</h1> <p>Vinyl Stash is the Beta version of an app that allows users to catalog their personal record collection. By consuming Discogs' public API, users are able to search through a massive database of music information and find digital representations of the albums they own. Once the user saves an album to their collection, they are able to leave personal notes for themselves about the album, their expirience gathering or listening to the album, and anything else they deem worthy of documentation. </p> <details> <summary> :bar_chart: ERD</summary>
DescriptionScreenshot
<h3 align="center">ERD</h3><img src="https://trello.com/1/cards/62980497b4115e616dbe8dfa/attachments/62980497b4115e616dbe8e13/previews/62980498b4115e616dbe8e8c/download/IMG_9327.jpg" width="700">
</details> <details open> <summary> :gear: Functionality</summary>
DescriptionScreenshot
<h3 align="center">"My Collection" Page</h3><img src="https://i.imgur.com/mzBQXnD.png" width="700"/>
<h3 align="center">"Add Albums" Page</h3><img src="https://i.imgur.com/GpAP6lo.png" width="700"/>
<h3 align="center">"Details" Page (1)</h3><img src="https://i.imgur.com/6mS1QZm.png" width="700"/>
<h3 align="center">"Details" Page (2)</h3><img src="https://i.imgur.com/GsTLlMu.png" width="700"/>
</details>

:computer: Technologies Used

MongoDB Express React Node JavaScript HTML5 CSS3 Trello Heroku Markdown Git Github VSCode

<h2> :atom_symbol: Getting Started </h2> <h3> :calling: Instructions </h3> <details> <summary>Where to Begin</summary> <ol> <li>After browsing to the app, easily sign up to start cataloging your collection</li> <li>If you are already a member, sign to continue documenting your ever growing album collection</li> </ol> </details> <details> <summary>How to Add to Your Collection</summary> <ol> <li>Navigate to the "Add Albums" page to access the search bar</li> <li>Search for your favorite album titles or musical artists</li> <li>When you find what you are looking for, click the "Add To Collection" button to be redirected to your updated collection list</li> </ol> </details> <details> <summary>Details Page</summary> <ol> <li>Click on any album cover displayed in your collection to view info on that particular album</li> <li>Scroll down to add personalized notes in regards to your experience with that album</li> </ol> </details> <details> <summary>Trello Board</summary> <a href="https://trello.com/b/j8Lq0iI4/vinyl-stash">https://trello.com/b/j8Lq0iI4/vinyl-stash</a> </details> <details open> <summary>Deployed Link</summary> <a href="https://vinyl-stash.up.railway.app/">Vinyl-Stash</a> </details>

:fast_forward: Next Steps

Upcoming Features