# 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: - Node Js & Npm [Download and Install](https://nodejs.org/en) - MongoDB [Download and Install](https://www.mongodb.com/docs/manual/installation/) - Git [Download and Install](https://git-scm.com/downloads) ## 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 ```bash git clone https://github.com/ansonbenny/Music-Streamer ``` ##To Start BackEnd Go to the server directory ```bash cd Music-Streamer/server ``` Install dependencies ```bash npm install ``` Start ```bash npm start ``` ##To Start FrontEnd Go to the client directory ```bash cd Music-Streamer/client ``` Install dependencies ```bash npm install ``` Start ```bash npm run dev ``` ## Demo [Live](https://musicon-nvce.onrender.com/) ## 🔗 Links [](https://www.linkedin.com/in/anson-benny-502961238/)