Music Streamer

This project is a digital music platform, It's made for listening to music and making your favorite music collection. Spotify API is used to get tracks and albums, artists. Spotify API provides millions of music data. This project is made in the MERN stack.

Features

Full-Screen Mode
Password login & Verification Based Sign Up
Forgot password
Google Login & Sign up
Collections Clone & Custom Playlist Create and Edit & With Search Feature in Library
History
Search With Filter ( all, artists, albums, tracks)
Search box allows Spotify Search Query (Example = artist:alan walker )
Account Edit Option
On the home page user's recent activity-based recommendation
Link Copy Feature (Track, Album, Artist)
Audio (track) Controls
Light & Dark mode
Responsive Design
Only Users Can Play Audio (Tracks)

Prerequisites

get your spotify api key from https://developer.spotify.com/documentation/web-api/tutorials/getting-started

Make sure you have installed all of the following prerequisites on your development machine:

Technology Used

vite #reactjs #scss #redux-toolkit

nodejs #expressjs #mongodb #jsonwebtoken authentication

javascript

api

spotify #music platform

Environment Variables

To run this project, you will need to add the following environment variables to your .env file in server directory

PORT = 5000

MONGO_URL

SITE_URL

JWT_SECRET

SPOTIFY_ID

SPOTIFY_SECRET

MAIL_EMAIL

MAIL_SECRET

To run this project, you will need to add the following environment variables to your .env.local file in client directory

VITE_GOOGLE_CLIENT #Google login api client id

Run Locally

Clone the project

  git clone https://github.com/ansonbenny/Music-Streamer

To Start BackEnd

Go to the server directory

  cd Music-Streamer/server

Install dependencies

  npm install

Start

  npm start

To Start FrontEnd

Go to the client directory

  cd Music-Streamer/client