Listn is a web application that allows users to search for music using the Spotify API and play 30-second song previews. It is built with React, Bootstrap, and the Spotify Web API ( throught nocodeapi ).
Link : https://listn-music.netlify.app/
To run this project locally, follow these steps:
- Clone this repository.
- Install dependencies using
npm install - Start the development server using
npm start
Once the development server is running, you can access the app by visiting http://localhost:3000 in your web browser. Here's how to use the app:
- Enter a search term in the search bar and click the "Search" button
- The app will fetch a list of tracks from the Spotify API and display them in a grid
- Click the "Play" button on a track to play a 30-second preview of the song
- Use the audio player controls to pause, resume, and adjust the volume of the song
If you would like to contribute to this project, feel free to submit a pull request or open an issue.