Skip to content

timcrisp94/vinyls-front-end

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

VINYLS

Vinyl's Homepage profile page

Vinyls is a React Built Web App utilizing a third- party API via Discogs. Vinyls takes the Discogs search engine and focuses on the UI experience around the joy of record collecting, separate from the data-driven experience of Discogs analytics. With more changes to be implimented in the near future, we hope to make Vinyls a home for the record collector desiring a unique and modern UI.

Wireframe homepage homepage wireframe

Initial wireframe


Use the App Below


⚙ Technologies Used

HTML5 Sass ExpressJS Git

GitHub Bootstrap Postman

MongoDB React JavaScript

ReactRouter Heroku NodeJS


⚙ Contributors


  • Here's a playlist of what we were listening to while making Vinyls

⚙ Credits


⚙ Recent Changes

  • Added a rating and comment section for the user to add to each album in their collection.
  • Updated CSS layout for overall website to introduce transitional hover effects/overlaying text.

⚙ Ice Box

  • Impliment this Codepen component.
  • Users can create lists for their records
  • Users can add and follow their friends on the app
  • Populate an Artist Page with their bio and discography
  • Populate tracklist info for each release
  • clear Search bar after each Search
  • display the other users ratings to share
  • adjust Search parameters for full Discogs searchability.
  • Font design
  • Hover Effects/Overlay text
  • Light/Dark Mode
  • Adapt overall Safari+mobile functionality
  • Accessibility features (keyboard input, colorblind settings)
  • Modernized UX applicable to competitive databases

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 70.0%
  • SCSS 24.4%
  • HTML 4.3%
  • CSS 1.3%