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.
- 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
- React – Component-based UI
- Vite – Fast frontend tooling
- Spotify Web API – Music data & metadata
- CSS3 / HTML5 – Styling and layout
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
-
Clone the repo
-
Install dependencies
-
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
-
Run the development server
-
Build for production
Add track previews Implement user authentication (Spotify login) Dark mode toggle Mobile optimizations
This project is licensed under the MIT License.