Skip to content
/ vinyl Public

Search for your favorite artists and discover their albums instantly. "Vinyl" is a sleek React + Vite web app powered by the Spotify Web API.

Notifications You must be signed in to change notification settings

shiiu/vinyl

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Vinyl aesthetic gif

Vinyl – Spotify Album Finder

Vinyl is a sleek React + Vite web app that lets you search your favorite artists and instantly explore their albums.
Powered by the Spotify Web API, it provides a simple and modern way to discover music.


Features

  • Search artists by name in real time
  • Browse albums instantly with cover art
  • Direct links to Spotify for listening
  • Built with React + Vite for speed and performance
  • Clean, minimal UI inspired by vinyl culture

Tech Stack

  • React – Component-based UI
  • Vite – Fast frontend tooling
  • Spotify Web API – Music data & metadata
  • CSS3 / HTML5 – Styling and layout

Project Structure

vinyl/
├── public/ # Static assets
├── src/ # React components & logic
├── index.html # Entry HTML
├── package.json # Dependencies & scripts
├── vite.config.js # Vite configuration
└── README.md # Project documentation

Installation & Setup

  1. Clone the repo

  2. Install dependencies

  3. Set up Spotify API credentials a. Create a new app on the Spotify Developer Dashboard b. Copy your Client ID and Client Secret. c. Add them to your project

  4. Run the development server

  5. Build for production

Future Improvements

Add track previews Implement user authentication (Spotify login) Dark mode toggle Mobile optimizations

License

This project is licensed under the MIT License.

About

Search for your favorite artists and discover their albums instantly. "Vinyl" is a sleek React + Vite web app powered by the Spotify Web API.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published