Spotify 2.0 Web Music Player...

---

Music

An art of sound in time that expresses ideas and emotions in significant forms through the elements of rhythm, melody, harmony, and color. The tones or sounds employed, occur in a single line (melody) or multiple lines (harmony), and sounded or to be sounded by one or more voices or instruments, or both.

The Benefits of Listening to Music

1. Music connects us :

• National anthems connect crowds at sporting events.
• Protest songs stir a sense of shared purpose during marches.
• Hymns build group identity in houses of worship.
• Love songs help prospective partners bond during courtship.
• Lullabies enable parents and infants to develop secure attachments.

2. Music’s effects on the mind :

• It can lead to better learning.
• It can improve memory.
• It can help treat mental illness.

3. Music’s effects on mood :

• It can help lower anxiety.
• It helps the symptoms of depression.

4. Music’s effects on the body :

• It can help your heart health.
• It decreases fatigue.
• It boosts exercise performance.
• It can help manage pain.

About Project

This is not a clone of the Spotify website. It is just a simple music website. I just named it Spotify 2.0, it's not a clone. So please don't compare it with the original website.

Features of website :

• On the landing page, you will be able to see top songs around the world and in the right part top artists and top albums as well.
• You can search songs based on different types of genres.
• You can search for any song.
• You can play any song.
• You can turn on the loop/repeat functionality.
• You can turn on the shuffle functionality.
• You can go to the next and previous song as well.
• You can go fast-forward and fast-backward by clicking on respective buttons.
• You can control the music volume as well.
• On clicking on any song title, You can see its full lyrics if it's available.
• On clicking on any artist's name, You will see details of that artist.
• In the sidebar, there are four options, Discover, around you, top artists, and top charts.
• This whole website is fully responsive, you can use it on your mobile and tab as well.

Instructions to browse the project :

First, you need to clone or download this project from here.

https://github.com/SaurabhSinghRbz/Spotify2.0-Web-Music-Player.git

After cloning the project you need to install its dependencies, for this run this command. Do this in both folders (client and Server)

npm i

or

npm install

If you are visiting after a long time and you are facing an issue with installing the dependencies, then you can use this command.

npm i --force

or

npm i --legacy-peer-deps

After the successful clone, run this command to run it on the localhost server

npm run dev

Note :

After running it on localhost, you will not be able to see any song, you will see something went wrong because I am using my Shazam core API key. So you have to create your own API key first.

Shazam Core Api

Technologies Used :

Technologies that I used to build this project are listed below, if you are not familier with any of them, you can click on it and read it.

• Javascript
• React
• Redux Toolkit
• Tailwind CSS
• Vite
• HTML-5
• CSS-3

Demo Video

You can see the demo video by clicking on it.

Feedback :

If you think of anything that could have been better, share your thoughts, and I'll be happy to work on that.

Thank you....